Vue2.x 对比 Vue3.x

更快

• Vue3.x 基于 Proxy 的响应式系统，Vue2.x Object.defineProperty 性能更好
• 重写虚拟 DOM，编译时通过标记优化运行速度
• 优化 插槽 slots 生成，Vue2.x 父组件重新渲染时子组件也必须同时渲染，Vue3.x 中子组件提取函数，可分别渲染，减少不必要的渲染
• 静态树提升，Vue3.x 把没有响应式绑定的 元素 提取出来作为常量，用到的时候就不用再次执行它的渲染函数
• 静态属性提升，Vue3.x 把没有响应式绑定的组件属性 props 提取出来作为常量，用到的时候就不用再次创建了
• 项目结构优化，内部解耦，更好的维护

更小

• 通过 摇树优化 减少核心库体积
• 摇树优化是JavaScript上下文中经常用的一个术语，用于清除 dead-code (无用代码)。

更容易维护

• TypeScript + 模块化

更友好

• 跨平台，编译器核心和运行时核心与平台无关

更容易使用

• 新增 Composition API，它是为了实现基于函数的比逻辑复用机制而产生的
• 独立响应模块

生命周期钩子改变

• Vue3.x 是向下兼容，beforeCreate 和 created 被 setup 替换了，但是Vue3.x 中你仍然可以使用。

生命周期钩子对比