qq_22123659的博客

Vue2 响应式原理学过 Vue2 的话应该知道响应式原理是由 Object.defineProperty 对数据进行劫持，再加上订阅发布，实现数据的响应的。Object.defineProperty 存在以下几个方面的缺点。初始化的时候需要遍历对象的所有属性进行劫持，如果对象存在嵌套还需要进行递归。导致初始化的时候需要消耗一些资源用于递归遍历。从上面可以推导出 Vue2 对于新增、删减对象属性是无法进行劫持，需要通过 Vue.set、Vue.delete 进行操作。每个调用者会生成一个 Watcher，造

搭建调试环境为了弄清楚 Vue3 的初始化，建议先克隆 Vue3 到本地。git clone https://github.com/vuejs/vue-next.git安装依赖npm install修改 package.json，将 dev 命令加上 --sourcemap 方便调试，并运行 npm run dev// package.json..."scripts": {  "dev": "node scr