Vuejs 3.0 正式版發(fā)布！代號：海賊王

2020-9-20

Vuejs 3.0 在北京時間2020年9月 19 日凌晨，終于發(fā)布了 3.0 版本，代號：One Piece

以下為 Vuejs Release 3.0 機器翻譯文章，原文 [v3.0.0 One Piece](https://github.com/vuejs/vue-next/releases/tag/v3.0.0)。

今天，我們很自豪地宣布Vue.js 3.0“ One Piece”的正式發(fā)布。該框架的新主要版本提供了改進的性能，更小的捆綁包大小，更好的TypeScript集成，用于處理大規(guī)模用例的新API，以及為框架的長期未來迭代奠定了堅實的基礎(chǔ)。

3.0版本代表了2年多的開發(fā)工作，具有30多個RFC，2600多個提交，來自99個貢獻者的628個拉取請求，以及核心回購之外的大量開發(fā)和文檔工作。我們要對我們的團隊成員應(yīng)對挑戰(zhàn)表示最深切的謝意，我們對拉動請求的貢獻者，對財務(wù)支持的贊助者和支持者，以及更廣泛的社區(qū)對我們的設(shè)計討論和反饋提供了最深切的謝意。發(fā)行版本。Vue是為社區(qū)創(chuàng)建并由社區(qū)支持的獨立項目，如果沒有您的一貫支持，Vue 3.0將無法實現(xiàn)。

進一步推進“漸進框架”概念

Vue從一開始就具有一個簡單的使命：成為任何人都可以快速學(xué)習(xí)的易于接近的框架。隨著我們用戶群的增長，該框架的范圍也不斷擴大，以適應(yīng)不斷增長的需求。隨著時間的流逝，它演變成我們所謂的“漸進框架”：可以逐步學(xué)習(xí)和采用的框架，同時隨著用戶處理越來越苛刻的場景而提供持續(xù)的支持。

如今，在全球擁有130萬用戶^{*的情況下}，我們看到Vue在各種各樣的場景中使用，從在傳統(tǒng)的服務(wù)器呈現(xiàn)的頁面上增加交互性到具有數(shù)百個組件的功能完善的單頁面應(yīng)用程序。Vue 3進一步提高了這種靈活性。

分層內(nèi)部模塊

Vue 3.0內(nèi)核仍然可以通過一個簡單的<script>標(biāo)簽使用，但其內(nèi)部結(jié)構(gòu)已被徹底重寫為一組解耦的模塊。新的體系結(jié)構(gòu)提供了更好的可維護性，并允許最終用戶通過搖樹來減少運行時大小的一半。

這些模塊還公開了可解鎖許多高級用例的低級API：

編譯器支持用于構(gòu)建時自定義的自定義AST轉(zhuǎn)換（例如，構(gòu)建時i18n）
核心運行時提供了一流的API，用于創(chuàng)建針對不同渲染目標(biāo)（例如本機移動設(shè)備，WebGL或終端）的自定義渲染器。默認DOM渲染器使用相同的API構(gòu)建。
該@vue/reactivity模塊導(dǎo)出的功能可以直接訪問Vue的反應(yīng)系統(tǒng)，并且可以用作獨立程序包。它可以與其他模板解決方案（例如lit-html）配對，甚至可以用于非UI方案。

解決規(guī)模問題的新API

2.x基于對象的API在Vue 3中是完整的。但是，3.0還引入了Composition API-一組新的API，旨在解決大型應(yīng)用程序中Vue使用的難點。Composition API建立在反應(yīng)性API之上，與2.x基于對象的API相比，可實現(xiàn)類似于React掛鉤的邏輯組成和重用，更靈活的代碼組織模式以及更可靠的類型推斷。

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

性能改進

與Vue 2?相比，Vue 3在捆綁包大小（通過搖樹減輕了多達41％的重量），初始渲染（加快了多達55％的速度），更新（加快了133％的速度）和內(nèi)存使用率方面表現(xiàn)出了顯著的性能改進最多減少54％）。

在Vue 3中，我們采用了“編譯器信息虛擬DOM”的方法：模板編譯器執(zhí)行激進的優(yōu)化并生成渲染函數(shù)代碼，以提升靜態(tài)內(nèi)容，為綁定類型留下運行時提示，最重要的是，將內(nèi)部的動態(tài)節(jié)點展平一個模板，以減少運行時遍歷的成本。因此，用戶可以兩全其美：通過模板優(yōu)化編譯器的性能，或者在用例需要時通過手動渲染功能直接控制。

改進的TypeScript集成

Vue 3的代碼庫是用TypeScript編寫的，具有自動生成，測試和捆綁的類型定義，因此它們始終是最新的。Composition API可以很好地處理類型推斷。Vetur是我們的官方VSCode擴展，現(xiàn)在利用Vue 3改進的內(nèi)部鍵入功能支持模板表達式和props類型檢查。哦，如果您愿意，Vue 3的打字完全支持TSX。

實驗特征

我們?yōu)閱我晃募M件（SFC，又名文件）提出了兩個新功能.vue：

這些功能已在Vue 3.0中實現(xiàn)并可用，但僅出于收集反饋的目的而提供。在RFC合并之前，它們將保持試驗狀態(tài)。

我們還實現(xiàn)了一個當(dāng)前未記錄的<Suspense>組件，該組件允許async setup()在初始渲染或分支開關(guān)上等待嵌套的異步依賴項（異步組件或帶有的組件）。我們正在與Nuxt.js團隊一起測試和迭代此功能（Nuxt 3即將發(fā)布），并且可能會在3.1中進行鞏固。

分階段發(fā)布流程

Vue 3.0的發(fā)布標(biāo)志著該框架的全面就緒。盡管某些框架子項目可能仍需要進一步的工作才能達到穩(wěn)定狀態(tài)（特別是devtools中的路由器和Vuex集成），但我們認為今天使用Vue 3啟動新的綠色項目是合適的。我們還鼓勵圖書館作者開始升級您的項目以支持Vue 3。

請查閱《Vue 3庫指南》以獲取有關(guān)所有框架子項目的詳細信息。

遷移和IE11支持

由于時間限制，我們已推遲了遷移版本（具有v2兼容行為的v3版本+遷移警告）和IE11版本，并計劃在2020年第四季度重點關(guān)注它們。因此，計劃遷移現(xiàn)有v2應(yīng)用程序的用戶或要求IE11支持人員此時應(yīng)意識到這些限制。

下一步

發(fā)布后的短期內(nèi)，我們將專注于：

遷移版本
IE11支持
新devtools中的Router和Vuex集成
Vetur中模板類型推斷的進一步改進

目前，針對Vue 3和v3的項目的文檔網(wǎng)站，GitHub分支和npm dist標(biāo)簽將保持next標(biāo)明狀態(tài)。這意味著npm install vue仍將安裝Vue 2.x和npm install vue@nextVue3。我們計劃在2020年底之前將所有文檔鏈接，分支和dist標(biāo)簽切換為默認值3.0。

同時，我們已經(jīng)開始計劃2.7，這將是2.x發(fā)行版的最后一個計劃的次要發(fā)行版。2.7將向后移植來自v3的兼容改進，并發(fā)出有關(guān)v3中已刪除/更改的API使用情況的警告，以幫助潛在的遷移。我們計劃在2021年第一季度研究2.7，它將在發(fā)布后直接變?yōu)長TS，具有18個月的維護壽命。