<div id="readability-page-1"><div>官方的路由庫， 已發佈 5.0 版本。這是一個過渡性版本，將廣受歡迎的 插件直接合並進核心包中。維護者 Eduardo San Martin Morote（）將此次發佈刻意稱為一次的更新，因為對於現有 Vue Router 4 用户來説，它不會帶來破壞性變更。Vue Router 5 最重要的變化是吸收了 unplugin-vue-router。該插件是一個構建時工具，提供基於文件的路由功能，並具備完整的 TypeScript 支持。此前該功能作為獨立包維護，如今可以直接通過 的導入路徑使用，從而不再需要額外依賴。對於已經使用 unplugin-vue-router 的開發者而言，遷移主要是更新導入路徑；對於尚未使用該插件的用户，升級只需一條命令：除了整合基於文件的路由功能之外，Vue Router 5 還以實驗性特性的形式引入了一些新能力。其中，數據加載器可通過 導入，為將數據獲取邏輯直接綁定到路由定義提供了一種標準化方式。這種方式能夠確保組件在所需數據準備就緒後才進行渲染，從而減少手動管理加載狀態的需求。本次發佈還新增了對 Volar 插件的支持，以提升編輯器開發體驗；提供了用於校驗的路由 JSON Schema；並在運行時為缺失的參數解析器拋出錯誤，以便更早發現配置問題。在底層實現方面，devtools API 已升級至 v8，不過這也意味着 IIFE 構建版本不再內置 ，這是 “無破壞性變更” 承諾中的。社區反饋整體較為積極，該版本在 已獲得超過 50 個反應。posva ，這個 beta 版本 “應該不會破壞任何東西，只是讓你可以直接從 vue-router 導入來替換 unplugin-vue-router”，這一觀點也得到了開發者的認同，他們普遍歡迎依賴鏈得到簡化。隨後發佈的 已經進一步改進了基於文件的路由功能，例如支持使用 作為更清晰的嵌套路由模式。在 X 上，有詢問為什麼這是一次主版本更新，可能是因為它並沒有帶來破壞性變更：作者回應：將基於文件的路由直接嵌入核心路由庫的做法，也讓人聯想到 React 生態中的類似模式。例如 為 React 應用提供類型安全的文件路由和內置數據加載能力。兩者都秉持一種理念：數據獲取應該以聲明式方式與路由綁定，而不是在組件內部以命令式方式處理。不過，目前 Vue Router 的數據加載器仍處於實驗階段，而 TanStack Router 的該功能已經是核心能力。值得注意的是，Vue Router 5 同時也是邁向版本 6 的一個過渡台階。未來的 v6 將僅支持 ESM，並移除已棄用的 API。建議開發者利用 v5 的過渡期，為這些即將到來的變化做好準備。對於從 unplugin-vue-router 遷移的項目，指南提供了一份詳細清單，涵蓋插件導入方式、數據加載器路徑、Volar 配置以及 TypeScript 設置等內容。Vue Router 是 Vue.js 生態中的一個開源項目，由 Eduardo San Martin Morote 維護。它每週下載量超過 500 萬，提供富有表達力的路由語法、細粒度的導航控制以及基於組件的配置方式，用於構建 Vue.js 單頁應用。</div></div>

Vue Router 5.0 版本已發佈，整合了 unplugin-vue-router 插件，提供文件式路由功能，且不引入破壞性變更。新版本支持 TypeScript，簡化了開發者的遷移過程。新增實驗性特性如數據加載器，提升組件渲染效率，並支持 Volar 插件，增強開發體驗。社區反饋積極，認為該版本不會破壞現有功能。

Vue Router 5：將文件式路由整合進核心，且不引入破壞性變更