Vue3相对于Vue2的优化

对于开发者影响最大的还是 Composition API，代码写法上更加灵活。

（1）项目架构优化

  • Monorepo

  • 分包

（2）类型检测更严格

Vue3 使用了 TypeScript，Vue2 使用的是 Flow，Vue1 没有。

（3）性能优化

tree-shaking 技术

编译时静态分析出未使用的模块。减小 Vue.js 包体积。

数据劫持

Object.defineProperty()：会改变原数据

Proxy：不会改变原数据，代理处理器，可以检测数组

Block tree

vnode 与动态内容的数量相关，之前是与模板规模相关。

diff算法优化

（4）语法优化

新增 Composition API，之前是 Options API

  • 便于逻辑聚合

  • 取代 Mixins，逻辑复用