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/jsx
HcySunYang/vue-next-jsx
目前正在通過 issue收集意見以統一設計,并制定一個官方規范,說明如何在 JSX 中處理 Vue 特性。
其他項目
當然,如果希望嘗試 Vue 3,目前的狀態也已經滿足。因為框架的大多數部分組件都處于 beta 或 alpha 狀態,而內核也已經進行了廣泛的測試,沒有發布 RC 的唯一原因是是瀏覽器開發工具擴展 (browser devtool extensions)尚未完成。
詳情查看https://github.com/vuejs/rfcs/issues/183