跳到主要内容

1. Vue3简介

1.1. 【性能的提升】​

  • 打包大小减少41%。

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

  • 内存减少 54%。

1.2.【 源码的升级】​

  • 使用 Proxy 代替 defineProperty 实现响应式。

  • 重写虚拟 DOM 的实现和 Tree-Shaking。

1.3. 【拥抱TypeScript】​

  • Vue3 可以更好的支持 TypeScript。

1.4. 【新的特性】​

  1. Composition API(组合式 API):

    • setup

    • ref 与 reactive

    • computed 与 watch

      ......

  2. 新的内置组件:

    • Fragment

    • Teleport

    • Suspense

      ......

  3. 其他改变:

    • 新的生命周期钩子

    • data 选项应始终被声明为一个函数

    • 移除 keyCode 支持作为 v-on 的修饰符

      ......