1. 认识 Vue3

1) 了解相关信息

• Vue.js 3.0 "One Piece" 正式版在今年 9 月份发布
• 2 年多开发, 100+位贡献者, 2600+次提交, 600+次 PR
• Vue3 支持 vue2 的大多数特性
• 更好的支持 Typescript

2) 性能提升

• 打包大小减少 41%
• 初次渲染快 55%, 更新渲染快 133%
• 内存减少 54%
• 使用 Proxy 代替 defineProperty 实现数据响应式
• 重写虚拟 DOM 的实现和 Tree-Shaking

3) 新增特性

• Composition (组合) API

• setup

  • ref 和 reactive
  • computed 和 watch
  • 新的生命周期函数
  • provide 与 inject
  • ...

• 新组件

  • Fragment - 文档碎片
  • Teleport - 瞬移组件的位置
  • Suspense - 异步加载组件的 loading 界面

• 其它 API 更新

  • 全局 API 的修改
  • 将原来的全局 API 转移到应用对象
  • 模板语法变化