Vue.js 作者尤雨溪昨日宣布 Vue 3 已進入 RC 階段,這意味著 Vue 3 內核的 API 和實現已到達穩定狀態。
原則上,進入 RC 階段后不會在最終版本發布之前引入新的主要功能或做出重大更改。現在,大部分的官方框架部件已支持 Vue 3。
新的文檔
Vue 文檔團隊已對 v3 版本的文檔進行更新,現在可以在 v3.vuejs.org 查看。從 v2 到 v3 版本的文檔遷移過程十分精細,新的文檔涵蓋了 v2 和 v3 之間的差異,可以在 VuePress 上運行,并改進了可以在線編輯的代碼示例。
※ 注意:新的文檔,尤其是遷移指南目前仍在開發中,Vue 團隊在 RC 階段會繼續進行完善。
DevTools 對 Vue 3 的初始支持
Vue 3 引入了新的 Vue Devtools,目前處于 Beta 階段,初步支持 Vue 3。
devtool 經過深度重構,可以更好地將其核心邏輯與受支持的不同 Vue 版本進行分離。其界面具有使用 Tailwind CSS 實現的新外觀。當前的功能比較單一,僅支持對組件進行檢查,不過官方表示很快會推出更多功能。
現在可以在 Chrome Web Store 上使用 Vue Devtools Beta 版(要求 Vue 3.0.0-rc.1)。
處于試驗階段的新功能
<Suspense>
>script setup>
>style vars>
這些功能現已發布,目的是收集實際使用情況的反饋,但它們可能仍會進行重大調整或引入破壞性變更。它們可能會在 3.0 中保持處于試驗階段的狀態,最終成為 3.1 的一部分。
未來工作
目前的 RC 版本尚未完成 IE11 的全面支持,所以這是未來工作安排的一部分。與此同時,開發工作的重心將轉移到文檔、遷移和兼容性上。目標是為使用 v3 啟動新項目提供清晰的文檔,并幫助庫作者升級他們的軟件包以支持 v3。文檔團隊將根據社區的反饋繼續打磨遷移指南和 v3 文檔。
試用
有多種方法嘗試 Vue 3:
• 在 Codepen 上進行體驗
• 使用 Vite 通過以下方式啟動項目:
npm init vite-app hello-vue3
• Vite 自帶的<script setup>和<style vars>支持單文件組件