vue.js 3.0 "one piece" 已正式發布，此框架新的主要版本提供了更好的效能、更小的**包體積、更好的 typescript 整合、用於處理大規模用例的新 api，並為框架未來的長期迭代奠定了堅實的基礎。
3.0 版本的開發周期長達兩年多，期間產生了 30+ rfcs、2600+ commits、628 pull requests，以及核心倉庫之外的大量開發和文件工作。
vue 3.0 的發布標誌著此框架整體上已處於可用狀態。儘管框架的某些子專案可能仍需要進一步的開發才能達到穩定狀態(特別是 devtools 中的路由和 vuex 整合)，不過現在仍然是開始使用 vue 3 啟動新專案的合適時機。官方還鼓勵庫作者現在可以開始公升級專案以支援 vue 3。
分層內部模組 (layered internal modules)
vue 3.0 core 仍然可以通過標籤進行使用，但其內部架構已被徹底重寫為一組解耦的模組。新架構提供了更好的可維護性，並允許使用者通過 tree-shaking 來減少多達一半的 runtime 大小。
這些模組還將許多底層 api 暴露出來，可用於許多高階用例：
用於處理大規模用例的新 api
在 vue 3 中，基於物件的 2.x api 基本沒有變化。不過 3.0 還引入了 composition api，旨在解決 vue 在大型應用程式中的使用痛點。composition api 構建於 reactivity api 之上，可以實現類似於 react 鉤子(react hooks)的邏輯組合和重用，與 2.x 基於物件的 api 相比，擁有更靈活的**組織模式和更可靠的型別推導。
通過 @vue/composition-api 外掛程式，composition api 還可以與 vue 2.x 搭配使用，並且目前已經有適用於 vue 2 和 3 的 composition api 實用程式庫(例如 vueuse，vue-composable)。
提公升效能
與 vue 2 相比，vue 3 在**包體積(通過 tree-shaking 減小約 41% 大小)、初始渲染(速度提公升約 55%)、更新(速度提公升約 133%)和記憶體使用率(降低約 54%)等方面有了顯著的效能提公升。
vue 3 採用了"compiler-informed virtual dom"的方法：模板編譯器執行激進的優化並生成渲染函式**，以提公升靜態內容訪問速度，為繫結型別留下 runtime 提示。最重要的是，將內部的動態節點扁平化處理，以降低 runtime 遍歷的成本。因此，使用者可以獲得兩全其美的效果：通過模板優化編譯器的效能，或者在用例需要時通過手動渲染函式直接控制。
改進與 typescript 的整合
vue 3 使用 typescript 編寫，具有自動生成、測試和**的型別定義等特性。composition api 可與型別推導很好地搭配使用。vetur，vue 3 的官方 vscode 擴充套件，現在支援模板表示式，以及利用 vue 3 改進的內部型別進行 props 型別檢查。
實驗性功能
為單檔案元件(sfc, singe-file components)，即 .vue 檔案提供了兩項新特性：
Vue3 0系列（Vue3 0是如何變快的 ）
來說一說為什麼performance 效能比vue 2.x快1.2 2倍 這裡先提供兩個 2.1 diff演算法優化 例子 我是段落 也就是說，vue3在渲染的時候，給會改變的元素新增了靜態標記 import from vue export function render ctx,cache,pro...
快速上手vue3 0
安裝最新vue腳手架 npm i vue cli g 通過腳手架建立專案，並選擇3.0 vue create vue next 執行專案 npm run serve vue2.0採用的叫做選項式api 例如我們想實現某乙個功能，關於這個功能的資料我們會定義在data中，事件函式定義在methods中...
Vue3 0學習記錄
composition api 組合api 效能提公升 viteoptions api composition api 響應式系統公升級 vue.js 3.0中使用proxy物件重寫響應式系統 proxy物件效能本身就比 defineproperty好 物件可以攔截物件的賦值 刪除等，不需要初始化遍...