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

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

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

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

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

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

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

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

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

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

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

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

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

提升性能

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

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

改進(jìn)與 TypeScript 的集成

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

實(shí)驗(yàn)性功能

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

總結(jié)

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

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