Vue Router 路由与守卫检查

原名：vue-router-best-practices

整理路由参数、导航守卫和组件复用时的状态处理。

中文 Skills 技能说明

同一个页面换了参数却没有刷新内容时，可检查路由与组件生命周期。提供 Vue Router 版本、路由表、守卫、权限规则和复现路径，技能整理参数读取、导航顺序、组件复用及异步跳转的修改方案，交付验证用例。需要项目已有路由和身份认证环境，导航守卫不能替代服务端鉴权。保留原 URL、查询参数及规范链接，不随意变更公开地址；验证登录、返回、刷新和错误路由，不能靠强制重载掩盖状态问题。

上游能力依据

上游原始适用说明：Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions.

上游 SKILL.md 主要章节（保留原文标题）：

Navigation Guards
Route Lifecycle
Setup

使用边界

先核对上游说明、依赖、输入资料和所需权限。涉及写入、删除、发布、支付或外部发送时，必须在执行前人工确认。

作者、翻译与许可证

原作者: hyf0、SerKo 与 vuejs-ai/skills contributors
中文翻译: CEOFans翻译
许可证: MIT
上游来源: https://github.com/vuejs-ai/skills/tree/198f0cd8f7f9c0a3d9b566ccc16de6677519ee78/skills/vue-router-best-practices

适用范围

平台：linux、macos、windows；标签：设计与前端、Vue Router 路由与守卫检查、开源技能

安全提示

基础静态扫描不等于绝对安全。技能可能调用命令、浏览器、云服务或本地文件，请在最小权限环境中使用，高风险操作必须人工确认。

如发现侵权、许可证或安全问题，可在本页前台提交投诉，管理员复核后可立即下架。