SKILL.md
唯讀
名稱
vue-router-best-practices
描述
Vue Router 4 的常見模式、導航守衛、路由參數處理，以及路由與元件之間的生命週期互動最佳實踐。
版本
1.0.0
Vue Router 的最佳實踐、常見避坑指南與導航模式。
導航守衛
- 在相同路由但不同參數之間切換 → 請參閱 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
路由生命週期
- 在相同路由切換時資料未更新（顯示舊資料） → 請參閱 router-param-change-no-lifecycle
- 元件卸載後事件監聽器仍未清除 → 請參閱 router-simple-routing-cleanup
專案設定
- 建置正式環境的單頁應用程式 (SPA) → 請參閱 router-use-vue-router-for-production
