Vue3简介

2020年9月18日，Vue. js 发布3.0版本，代号：One Piece（海贼王）

1. Vue3带来了什么

1.1 性能的提升

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

1.2 源码的升级

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

1.3 拥抱TypeScript

• Vue 3 可以更好的支持 TypeScript

1.4 新的特性

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