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

2020-9-20

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

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

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

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

進(jìn)一步推進(jìn)“漸進(jìn)框架”概念

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

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

分層內(nèi)部模塊

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

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

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

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

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

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

性能改進(jìn)

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

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

改進(jìn)的TypeScript集成

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

實(shí)驗(yàn)特征

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

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

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

分階段發(fā)布流程

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

請(qǐng)查閱《Vue 3庫(kù)指南》以獲取有關(guān)所有框架子項(xiàng)目的詳細(xì)信息。

遷移和IE11支持

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

下一步

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

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

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

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