willemwei023的博客

从零开始，使用webpack搭建开发环境，使用jest进行单元测试，使用eslint检测代码，写一个Vue的指令或组件发布到NPM。 Demo vue-wechat-pc 组件 vue-words-highlight Directive指令 搭建开发环境 一般来说，当我们自己想要写一个vue的组件或插件的时候，会选择使用webpack自己搭建开发环境，而不是使用vue-cli来生产开发环境。 初始...

1. Performance vue3在性能方面比vue2快了2倍。 重写了虚拟DOM的实现 运行时编译 update性能提高 SSR速度提高 2. Tree-shaking support vue3中的核心api都支持了tree-shaking，只会对使用到的功能或特性进行打包（按需打包），这意味着更多的功能和更小的体积。 3. Composition API vue2中，我们一般会采用mixin来复用逻辑代码，用倒是挺好用的，不过也存在一些问题：例如代码来源不清晰、方法属性等冲突。基于此在vue3.

不管你是否使用过vue，多多少少应该也了解过vue的使用原理，也就是我们经常说的数据劫持。在vue2中使用的是Object.defineProperty实现的，而在vue3中则是使用的Proxy。 defineProperty 使用defineProperty实现一个简单的数据劫持（数据监听）。 const watch = (target, property, callback) => { // 这里新增一个_value字段用于临时存储 let _value = target[property];