SKILL.md
readonlyread-only
name
vue-router-best-practices
description
Vue Router 4 模式、導航守衛、路由參數以及路由與元件生命週期的互動。
version
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
設定
- 建置生產環境的單頁應用程式 → 參見 router-use-vue-router-for-production
