Vue3对比Vue2粗略小结

262 阅读1分钟

Vue3.0对比Vue2.0,有哪些修改和特点呢?粗略小结~

1. 性能提升

  • 打包大小减少41%

  • 初次渲染快55%, 更新渲染快133%

  • 内存减少54% ......

2. 源码的升级

  • 使用Proxy代替defineProperty实现响应式
  • 重写虚拟DOM的实现和Tree-Shaking ......

3. 更好支持TypeScript

  • Vue3可以更好地支持TypeScript

4. 新特性

1. Composition API(组合API)

  • setup配置
  • ref与reactive
  • watch与watchEffect
  • provide与inject ......

2. 新的内置组件

  • Fragment
  • Teleport
  • Suspence

3. 其他

  • 新的生命周期钩子
  • data选项应始终被声明为一个函数
  • 移除keyCode支持作为v-on的修饰符
  • ......

未完待续,后边整理再补充~