Vue全家桶之vue3
阿新 • • 發佈：2022-05-29
1、Vue3簡介
- 2020年9月18日，Vue.js釋出3.0版本，代號：One Piece（海賊王）
- 耗時2年多、2600+次提交、30+個RFC、600+次PR、99位貢獻者
- github上的tags地址：https://github.com/vuejs/vue-next/releases/tag/v3.0.0
2、Vue3帶來了什麼
1.效能的提升
Vue3與Vue 2相比，在包大小（使用 tree-shaking 時減輕多達 41%）、初始渲染（速度提高多達 55%）、更新（多達 133% 更快）和記憶體使用（最多減少 54%）。
-
打包大小減少41%
-
初次渲染快55%, 更新渲染快133%
-
記憶體減少54%
......
2.原始碼的升級
-
使用Proxy代替defineProperty實現響應式
-
重寫虛擬DOM的實現和Tree-Shaking
......
3.擁抱TypeScript
- Vue3可以更好的支援TypeScript
4.新的特性
-
Composition API（組合API）
- setup配置
- ref與reactive
- watch與watchEffect
- provide與inject
- ......
-
新的內建元件
- Fragment
- Teleport
- Suspense
-
其他改變
- 新的生命週期鉤子
- data 選項應始終被宣告為一個函式
- 移除keyCode支援作為 v-on 的修飾符
- ......
具體可檢視：https://github.com/vuejs/core/releases?q=3.0.0&expanded=true