【驚喜】One Piece. Vuejs 3.0 正式版發佈！代號：海賊王

時間 2020-09-20

標籤驚喜 piece vuejs 3.0 正式發佈代號海賊王简体版

原文原文鏈接

Vuejs 3.0 在北京時間2020年9月 19 日凌晨，終於發佈了 3.0 版本，代號：One Piecehtml

如下爲 Vuejs Release 3.0 機器翻譯文章，原文 v3.0.0 One Piece)。前端

Vue 3.0 發佈

今天，咱們很榮幸地宣佈 Vue.js 3.0「One Piece」的正式發佈。這個框架的新的主要版本提供了改進的性能、更小的捆綁大小、更好的 TypeScript 集成、用於處理大規模用例的新 API，以及爲框架將來的長期迭代奠基了堅實的基礎。vue

3.0 版本表明了兩年多的開發努力，包括 30+ RFC)，2600 多個提交，99 個貢獻者)的 628 個 PR)，以及核心倉庫以外的大量開發和文檔工做。在此，咱們要對咱們的團隊成員、貢獻者的拉取請求、贊助商和支持者的資金支持，以及更普遍的社區參與咱們的設計討論併爲預發佈版本提供反饋表示最深切的感謝。Vue 是一個獨立的項目，是爲社區而建立的，也是由社區來維持的，若是沒有您的一向支持，Vue 3.0 是不可能實現的。react

進一步推動「漸進式框架」概念。

Vue 從一開始就有一個簡單的使命：成爲一個任何人都能快速學會的平易近人的框架。隨着咱們用戶羣的增加，框架的範圍也在不斷擴大，以適應不斷增加的需求。隨着時間的推移，它演變成了咱們所說的「漸進式框架」：一個能夠逐步學習和採用的框架，同時隨着用戶應對愈來愈多的需求場景而提供持續的支持。
今天，咱們在全球擁有 130 多萬用戶 *，咱們看到 Vue 被應用於各類不一樣的場景，從在傳統的服務器渲染的頁面上添加交互性，到擁有數百個組件的完整的單頁應用。Vue 3 將這種靈活性進一步提高。git

分層內部模塊

Vue 3.0 核心仍然能夠經過一個簡單的 <script> 標籤來使用，但它的內部結構已經被從新編寫成一個解耦模塊的集合。新的架構提供了更好的可維護性，並容許終端用戶經過 tree-shaking 減小多達一半的運行時大小。
這些模塊還暴露了底層的 API，解鎖了許多高級用例。github

編譯器支持自定義 AST 轉換，用於構建時的自定義 (例如構建時的 i18n)。
核心運行時提供了一級的 API，用於建立針對不一樣渲染目標 (如原生移動端)、WebGL) 或終端)) 的自定義渲染器。默認的 DOM 渲染器也是使用相同的 API 構建的。
@vue/reactivity 模塊)導出的函數能夠直接訪問 Vue 的反應性系統，而且能夠做爲一個獨立的包使用。它能夠與其餘模板解決方案 (如 lit-html)) 配對使用，甚至在非 UI 場景中使用。

解決規模問題的新 API

在 Vue 3 中，基於對象的 2.x API 基本沒有變化。不過，3.0 還引入了 Composition API)——一套新的 API，旨在解決 Vue 在大規模應用中的使用痛點。組成 API 創建在反應性 API 之上，實現了相似於 React 鉤子的邏輯組成和重用，比 2.x 基於對象的 API 更靈活的代碼組織模式和更可靠的類型推理。
Composition API 也能夠經過 @vue/composition-api) 插件與 Vue 2.x 一塊兒使用，目前已經有適用於 Vue 2 和 3 的組成 API 實用庫 (如 vueuse)、vue-composable))。web

性能改進

Vue 3 與 Vue 2 相比，在捆綁大小 (tree-shaking 時減小了 41%)、初始渲染 (快了 55%)、更新 (快了 133%) 和內存使用 (少了 54%) 方面都有顯著的性能提高)。
在 Vue 3 中，咱們採起了「compiler-informed 虛擬 DOM」的方法：模板編譯器執行積極的優化，並生成渲染函數代碼，以提高靜態內容，爲綁定類型留下運行時提示，最重要的是，扁平化模板內的動態節點，以減小運行時遍歷的成本。所以，用戶能夠得到一箭雙鵰的效果：從模板中得到編譯器優化的性能，或者在用例須要時經過手動渲染函數直接控制。vue-cli

改進的 TypeScript 集成

Vue 3 的代碼庫是用 TypeScript 編寫的，具備自動生成，測試和捆綁的類型定義，所以它們始終是最新的。Composition API 能夠很好地處理類型推斷。Vetur 是咱們的官方 VSCode 擴展，如今利用 Vue 3 改進的內部鍵入功能支持模板表達式和 props 類型檢查。哦，若是您願意，Vue 3 的打字徹底支持 TSX。npm

實驗特性

咱們爲單文件組件 (SFC，即 .vue 文件) 提出了兩個新特性：api

這些功能已在 Vue 3.0 中實現並可用，但僅出於收集反饋的目的而提供。在 RFC 合併以前，它們將保持試驗狀態。
咱們還實現了一個當前未公開的 <Suspense> 組件，該組件容許在初始渲染或分支開關上等待嵌套的異步依賴項 (異步組件或具備 setup() 的組件)。咱們正在與 Nuxt.js 團隊一塊兒測試和迭代此功能 (Nuxt 3 即將發佈))，而且極可能會在 3.1 版中將其固化。

分階段發佈流程

Vue 3.0 的發佈標誌着該框架的全面就緒。儘管某些框架子項目可能仍須要進一步的工做才能達到穩定狀態 (特別是 devtools 中的路由器和 Vuex 集成)，但咱們認爲今天使用 Vue 3 啓動新的綠色項目是合適的。咱們還鼓勵圖書館做者開始升級您的項目以支持 Vue 3。
請查閱 Vue 3 工具庫指南)以獲取有關全部框架子項目的詳細信息。

遷移和 IE11 支持

因爲時間限制，咱們已推遲了遷移版本 (具備 v2 兼容行爲的 v3 版本 + 遷移警告) 和 IE11 版本，並計劃在 2020 年第四季度重點關注它們。所以，計劃遷移現有 v2 應用程序的用戶或要求 IE11 支持人員此時應意識到這些限制。

下一步

發佈後的短時間內，咱們將專一於：

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

目前，面向 Vue 3 和 v3 的項目的文檔網站，GitHub 分支和 npm dist 標籤將保持在下一個狀態。這意味着 npm install vue 仍將安裝 Vue 2.x，npm install vue@next 將安裝 Vue 3。咱們計劃在 2020 年末以前將全部文檔連接，分支和 dist 標籤切換爲默認值 3.0。
同時，咱們已經開始計劃 2.7，這將是 2.x 發行版的最後一個計劃的次要發行版。2.7 將向後移植來自 v3 的兼容改進，併發出有關 v3 中已刪除/更改的 API 使用狀況的警告，以幫助潛在的遷移。咱們計劃在 2021 年第一季度開發 2.7，它將在發佈後直接變爲 LTS，預計有 18 個月的維護時長。