來源：OSC開源社區(qū)(ID：oschina2013)

Vue.js 3.0 "One Piece" 已正式發(fā)布，此框架新的主要版本提供了更好的性能、更小的捆綁包體積、更好的 TypeScript 集成、用于處理大規(guī)模用例的新 API，并為框架未來的長期迭代奠定了堅實的基礎。

3.0 版本的開發(fā)周期長達兩年多，期間產(chǎn)生了?30+ RFCs、2600+ commits、628 pull requests，以及核心倉庫之外的大量開發(fā)和文檔工作。

Vue 3.0 的發(fā)布標志著此框架整體上已處于可用狀態(tài)。盡管框架的某些子項目可能仍需要進一步的開發(fā)才能達到穩(wěn)定狀態(tài)(特別是 devtools 中的路由和 Vuex 集成)，不過現(xiàn)在仍然是開始使用 Vue 3 啟動新項目的合適時機。官方還鼓勵庫作者現(xiàn)在可以開始升級項目以支持 Vue 3。

分層內(nèi)部模塊 (Layered internal modules)

Vue 3.0 core 仍然可以通過標簽進行使用，但其內(nèi)部架構已被徹底重寫為一組解耦的模塊。新架構提供了更好的可維護性，并允許使用者通過 tree-shaking 來減少多達一半的 runtime 大小。

這些模塊還將許多底層 API 暴露出來，可用于許多高級用例：

• 編譯器為定制?build-time 提供了對自定義 AST 轉換的支持(例如?build-time i18n)

• 內(nèi)核 runtime?提供了優(yōu)先級最高的 API，用于創(chuàng)建針對不同渲染目標(例如原生移動設備、WebGL?或終端)的自定義渲染器。默認 DOM 渲染器使用相同的 API 構建

• @vue/reactivity模塊導出的函數(shù)可以直接訪問 Vue 的 reactivity 系統(tǒng)，其本身也可以作為一個獨立的程序包使用。它還可以與其他模板解決方案(例如?vue-lit)搭配使用，甚至可以在非 UI 場景中使用

用于處理大規(guī)模用例的新 API

在 Vue 3 中，基于對象的 2.x API 基本沒有變化。不過 3.0 還引入了?Composition API，旨在解決 Vue 在大型應用程序中的使用痛點。Composition API 構建于 reactivity API 之上，可以實現(xiàn)類似于 React 鉤子(React hooks)的邏輯組合和重用，與 2.x 基于對象的 API 相比，擁有更靈活的代碼組織模式和更可靠的類型推導。

通過?@vue/composition-api?插件，Composition API 還可以與 Vue 2.x 搭配使用，并且目前已經(jīng)有適用于 Vue 2 和 3 的 Composition API 實用程序庫(例如?vueuse，vue-composable)。

提升性能

與 Vue 2?相比，Vue 3 在捆綁包體積(通過 tree-shaking 減小約 41% 大小)、初始渲染(速度提升約 55%)、更新(速度提升約 133%)和內(nèi)存使用率(降低約 54%)等方面有了顯著的性能提升。

Vue 3 采用了"compiler-informed Virtual DOM"的方法：模板編譯器執(zhí)行激進的優(yōu)化并生成渲染函數(shù)代碼，以提升靜態(tài)內(nèi)容訪問速度，為綁定類型留下 runtime 提示。最重要的是，將內(nèi)部的動態(tài)節(jié)點扁平化處理，以降低 runtime 遍歷的成本。因此，用戶可以獲得兩全其美的效果：通過模板優(yōu)化編譯器的性能，或者在用例需要時通過手動渲染函數(shù)直接控制。

改進與 TypeScript 的集成

Vue 3 使用 TypeScript 編寫，具有自動生成、測試和捆綁的類型定義等特性。Composition API 可與類型推導很好地搭配使用。Vetur，Vue 3 的官方 VSCode 擴展，現(xiàn)在支持模板表達式，以及利用 Vue 3 改進的內(nèi)部類型進行 props 類型檢查。

實驗性功能

為單文件組件(SFC, Singe-File Components)，即 .vue 文件提供了兩項新特性：

總結

以上是生活随笔為你收集整理的vue 获取当前发布的版本_Vue 3.0重磅发布！的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。