SKILL.md
只读
名称
vue-router-best-practices
描述
Vue Router 4 最佳实践指南：涵盖导航守卫、路由参数处理以及路由与组件生命周期的交互协同。
版本
1.0.0
Vue Router 最佳实践、常见避坑指南与导航模式。
导航守卫
- 同一路由不同参数间跳转不触发 beforeEnter → 参见 router-beforeenter-no-param-trigger
- 在 beforeRouteEnter 守卫中访问组件实例（this） → 参见 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
