Vue3 介绍

性能提升

  1. 打包大小减少 41%
  2. 初次渲染快 55%,更新渲染快 133%
  3. 内存减少 54%

源码的提升

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

拥抱 TypeScript

新的特性

  1. Composition API(组合 API)
    • setup 配置
    • ref 与 reactive
    • watch 与 watchEffect
    • provide 与 inject
  2. 新的内置组件
    • Fragment
    • Teleport
    • Suspense
  3. 其他
    • 新的生命周期钩子
    • data 选项应始终被声明为一个函数
    • 移除 keyCode 支持作为 v-on 的修饰符