SKILL.md
只读
名称
vue-router-best-practices
描述
Vue Router 4 最佳实践指南，涵盖导航守卫、路由参数处理以及路由与组件生命周期协同机制。
版本
1.0.0
Vue Router 最佳实践、常见踩坑点与导航模式。
导航守卫
- 同一路由不同参数间切换未触发 beforeEnter 守卫 → 参见 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
