前言 Vue3.0 在去年 9 月正式发布了，看大家都有在热情的拥抱 Vue3.0。今年初新项目也开始使用 Vue3.0 来开发，这篇文章就是在使用后的一个总结， 包含 Vue3 新特性的使用以及一些使用经验分享。 Composition API setup setup 是 Vue3.x 新增的一个 ...
转载
2021-08-09 18:03:00
359阅读
点赞
2评论
setup函数： 在该函数声明的变量以及值需要return，其他模块才能只用，否则只能在该函数内使用。 声明变量： vue3.0声明变量提供了两种方式，一个是ref(响应式),一个是reactive(非响应式)， 以ref声明的变量都有一个value属性， 我们在setup函数改变量.value属性 ...
转载
2021-10-19 16:25:00
832阅读
2评论
Vue3.0新特性 Vue3.0的设计目标可以概括为体积更小、速度更快、加强TypeScript支持、加强API设计一致性、提高自身可维护性、开放更多底层功能。 描述 从Vue2到Vue3在一些比较重要的方面的详细对比。 生命周期的变化 Vue2 -> Vue3 beforeCreate -> se
原创
2022-05-28 00:42:00
193阅读
宏伟的事业,是靠实实在在的微不足道的一步步的积累,获得的。前言虽然vue3还没有正式发版，但是各大培训机构均把它作为一个"噱头"，来吸引流量。相比vue2，写法有一个很大变动，也越来越符合"解藕"的思想。目前在vue3的使用方面有两种方式：一种是通过下载vue@next，直接使用vue3。另一种是通过vue-compisition-api来使用Vue3的一些特性。没有this在之前vue2，thi
原创
2021-05-05 16:58:37
455阅读
vue3新特性： 一、使用Proxy替换Object.defineProperty，重构响应式系统，使用Proxy优势： 1、可直接监听数组类型的数据变化2、监听的目标为对象本身，不需要像Object.defineProperty一样遍历每个属性，有一定的性能提升3、可拦截apply、ownKeys ...
转载
2021-08-20 14:47:00
377阅读
2评论
简单对比 Vue2.x 与 Vue3.x 响应式 Vue2 使用Object.defineProperty劫持对象的属性 Vue3 使用Proxy 直接代理对象 由于Object.defineProperty只能劫持对象属性，需要遍历对象的每一个属性，如果属性值也是对象，就需要递归进行深度遍历。但是 ...
转载
2021-09-09 20:28:00
147阅读
2评论
Composition Api （最重要的新特性）组件通信生命周期自定义Hook插槽v-model的更改更加纯粹的Tree-shaking配合状态管理的Pinia配合升级的vue-router 4.x配合升级的打包工具vite配合TS在项目中自由使用vue3.0的优缺点优点使用vue3最大的优势个人认为倒不是它的Api，而是配合使用的vite打包工具，特别是大型项目本地启动要比当前的webpack
只有一张图但是却加入了很多比如setup代替了 export default然后组件等等之
原创
2022-08-19 11:35:34
199阅读
import VideoPlayer from 'vue-video-player'; 报错提示： 原因：找到node_modules下的vue-video-player/dist/vue-video-player.js 该js是压缩后的js无输出接口 export 。 解决方法：找vue-vide ...
转载
2021-07-27 14:03:00
6795阅读
2评论
尤雨溪大佬前一阵在某乎上发布了想法说Vue 3 现已成为新的默认版本！对于还在用vue2的我来说属实有点手忙脚乱，既然已经成为默认版本了，那就说明我们前端又要开始学习新的知识了（毕业了也要继续学习）首先先来介绍一下vue3相对vue2有哪些方面的提升：Compostion api 代替了 Option api ，Compostion API 中时根据逻辑相关组织代码的，提高可读性和可维护性性能比V
转载
2023-10-19 16:15:34
123阅读
Vue3为什么要使用 Vue31 . 更好的 逻辑复用 与 代码组织 ( composition 组合式 api )Vue3 之前使用的是 optionsAPI(选项式API)Vue3 使用的是 compositionAPI（组合式API）优点 : 代码组织更方便了, 逻辑复用更方便了 非常利于维护!!2 . 更好的 检测类型 ( 类型推导 Typescript类型推导 : 就是在没有明确指出类型
转载
2024-04-25 10:39:46
47阅读
Vue3.0 从整体来说，既修改了 Vue2.x 时期遗留的一些缺陷，又引入了 组合式 API 、自定义渲染 API 等新特性。这些新特性的引入，不仅为 Vue 的发展注入了更多的活力，同时也塑造了 Vue 使用场景方面更多的可能性。
Vue3.0 的新特性
Proxy 响应式绑定
Tree-Shaking Support
组合式 API
Fragment 片段、Teleport、Suspense
原创
2023-07-11 10:12:22
52阅读
Vue3.0 从整体来说，既修改了 Vue2.x 时期遗留的一些缺陷，又引入了 组合式 API 、自定义渲染 API 等新特性。这些新特性的引入，不仅为 Vue 的发展注入了更多的活力，同时也塑造了 Vue 使用场景方面更多的可能性。 Vue3.0 的新特性 Proxy 响应式绑定 Tree-Sha ...
转载
2021-08-02 16:59:00
758阅读
2评论
概述在9 月 30 日的Vue.js 伦敦大会上， 作者尤雨溪介绍了 Vue 下一个版本将要发布的内容，以及
原创
2022-09-07 13:38:20
185阅读
Teleport 能够直接帮助我们将组件渲染后页面中的任意地方，只要我们指定了渲染的目标对象。
转载
2021-07-05 14:49:43
192阅读
