SKILL.md
唯讀
名稱
vue-router-best-practices
描述
Vue Router 4 的最佳實作模式、導航守衛、路由參數處理，以及路由與元件生命週期的協同運作機制。
版本
1.0.0
Vue Router 的最佳實作、常見陷阱避坑指南與導航模式。
導航守衛 (Navigation Guards)
- 在相同路由間切換但參數不同時的處理 → 參閱 router-beforeenter-no-param-trigger
- 在 beforeRouteEnter 守衛中存取元件實例 → 參閱 router-beforerouteenter-no-this
- 導航守衛呼叫 API 時未加上 await 的處理 → 參閱 router-guard-async-await-pattern
- 使用者陷入無限重導向迴圈 → 參閱 router-navigation-guard-infinite-loop
- 導航守衛使用了已廢棄的 next() 函式 → 參閱 router-navigation-guard-next-deprecated
路由生命週期 (Route Lifecycle)
- 在相同路由間切換時資料未更新（舊資料殘留） → 參閱 router-param-change-no-lifecycle
- 元件解除掛載後事件監聽器仍未清除 → 參閱 router-simple-routing-cleanup
專案設定 (Setup)
- 建置正式環境的單頁應用程式 (SPA) → 參閱 router-use-vue-router-for-production
