跳到主要内容

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

    • refreactive

    • computedwatch

      ......

  2. 新的内置组件:

    • Fragment

    • Teleport

    • Suspense

      ......

  3. 其他改变:

    • 新的生命周期钩子

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

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

      ......