name: vue-router最佳实践 description: “Vue Router 4模式、导航守卫、路由参数和路由组件生命周期交互。” version: 1.0.0 license: MIT author: github.com/vuejs-ai
Vue Router最佳实践、常见陷阱和导航模式。
导航守卫
- 在不同参数之间导航相同路由 → 参见 router-beforeenter-no-param-trigger
- 在beforeRouteEnter守卫中访问组件实例 → 参见 router-beforerouteenter-no-this
- 导航守卫未等待API调用 → 参见 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