链接:https://huaxhe.gitee.io/vue3_study_docs 【 尚硅谷 vue3 笔记 】

1️⃣ 了解相关信息

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

1️⃣ 性能提升

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

1️⃣ 新增特性

Composition (组合) API
setup

  1. 1. ref reactive
  2. 2. computed watch
  3. 3. 新的生命周期函数
  4. 4. provide inject
  5. 5. ...

新组件

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

其它 API 更新

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