1.Vue3快速入门

1.Vue3简介

2.Vue3带来了什么

2.1.性能的提升

  • 打包大小减少41%

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

  • 内存减少54%

    ......

2.2.源码的升级

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

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

    ......

2.3.拥抱TypeScript

  • Vue3可以更好的支持TypeScript

2.4.新的特性

2.4.1.Composition API(组合API)

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

2.4.2.新的内置组件

  • Fragment
  • Teleport
  • Suspense

2.4.3.其他改变

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