Vue 3 的最新進展

Vue.js 作者尤雨溪近日介紹了 Vue 3 的最新進展。

尤雨溪表示，由於在 Vue 3 上花費的大部分時間都投入到了設計和構建穩定的內核上，不過要讓整個框架處於"ready"狀態，不僅僅是內核的問題，還需要有兼容版本的支持庫 （Vue Router, Vuex, test utils）、工具（CLI、eslint 插件、瀏覽器開發工具擴展、IDE 擴展）和文檔（包括針對新用戶和用於遷移的文檔）。將所有這些內容整合在一起需要協調許多方面的工作。

他希望專注於編寫出好的軟體，而不是趕工期。因此原本計劃2020年上半年發布 Vue 3，但考慮到目前的進度，不得不進行調整。現在的計劃是7月中旬發布 RC 版本，8月初正式發布 3.0 版本。

Vue 3 主要部分的進展

Vue 3 Core

Vue 3 core 已經處於 beta 階段兩個多月，目前已合併所有計劃中的重大更改 RFC，並且在正式發布之前不會進行進一步的重大變更。可以認為 Vue 3 core 已到達穩定狀態，並為 RC 版本做好了準備。

Vue Router

目前存在部分與 vue-router@3.x 相關的路由鉤子(router hook)行為一致性問題，這也是 Vue Router 沒有被標記為 Beta 的原因。不過在非關鍵項目上可以使用新的路由。

Vuex

Vuex 4.0 和 3.x 之間的唯一區別是它與 Vue 3 兼容，目前已準備好和 Vue 3 Core 一起進入 RC 階段。

Vue CLI

Vue CLI 中的 Vue 3 支持目前通過 vue-cli-plugin-vue-next 插件提供。可以先通過腳手架構建一個新項目，然後運行 vue add vue-next 來切換到 Vue 3。Vue 3 進入 RC 階段後會成為項目創建過程中的一個選項。

要注意的是，如果對 webpack 和 IE11 沒有特別要求的支持，也可以使用 Vite 啟動 Vue 3 項目。

JSX Support

當前有兩種針對 Vue 3 的 JSX 轉換實現，其語法略有不同（針對 Vue 的特定功能）：

vueComponent/jsxHcySunYang/vue-next-jsx目前正在通過此 issue 收集意見以統一設計，並制定一個官方規範，說明如何在 JSX 中處理 Vue 特性。

其他項目

當然，如果希望嘗試 Vue 3，目前的狀態也已經滿足。因為框架的大多數部分組件都處於 beta 或 alpha 狀態，而內核也已經進行了廣泛的測試，沒有發布 RC 的唯一原因是是瀏覽器開發工具擴展(browser devtool extensions)尚未完成。