Vue Router优先级由路径结构和定义顺序共同决定：路径越具体（如静态路径）优先级越高，相同结构时先定义者胜出；子路由、别名均按完整路径参与统一评分。
Vue Router 的“优先级匹配”不是靠人工打分或显式配置权重，而是由路径结构本身 + 路由定义顺序共同决定的自动机制。它不依赖开发者手动设置 priority 字段，而是在内部 matcher 构建阶段就完成排序，确保每次路由解析都稳定、可预测。
路径越具体，优先级越高
这是最核心的规则。Vue Router 使用 path-to-regexp 将每条 route 的 path 编译为正则表达式，并根据其“匹配精度”生成一个隐式分数（score）。静态路径得分最高，动态参数次之，通配符最低。
-
/user/123（完全静态）→ 最高优先级 -
/user/:id（单个动态段）→ 中等优先级 -
/user/:id(\d+)（带正则约束）→ 比/:id更精确，分数略高 -
/user/*或*（通配符）→ 最低优先级，仅作兜底
相同结构时，定义顺序决定胜负
当两条路由编译后的 score 完全相等（例如都是 /user/:id），Vue Router 就退回到“谁先注册谁生效”的简单逻辑。这不是 bug，而是明确的设计选择——避免歧义，也便于调试。
vue-component-analyzer
下载
递归分析 Vue 项目组件依赖，从入口文件生成组件层级图，支持 Vue 2/3，输出组件名、文件路径和属性。适用于分析组件结构、排查依赖或了解项目架构。
- routes 数组中靠前的 route，会被
insertMatcher更早插入到matchers数组 -
matchers是有序数组，resolve()匹配时从头遍历，遇到第一个能 match 的就返回 - 所以
{ path: '/sapp', component: Sapp }放在前面，哪怕后面还有{ path: '/sapp', component: Admin }，也永远轮不到后者
子路由与嵌套路由不影响父级优先级
子路由（children）的 path 是拼接在父级 path 后的，比如 { path: '/admin', children: [{ path: 'users' }] } 实际匹配的是 /admin/users。它的 score 由完整路径 /admin/users 计算，和顶层的 /admin 或 /admin/:id 是独立比较的。
立即学习“前端免费学习笔记（深入）”；
- 不要误以为“有 children 的路由天然更重”——它只是路径更长，自然更容易拿高分
- alias 别名会被展开为独立 matcher，参与统一排序，不享有特殊待遇
- 重定向（redirect）和别名（alias）本身不产生新 matcher，但它们指向的目标 route 会参与评分
如何验证和调试匹配顺序
不需要翻源码也能观察实际行为：
- 在开发环境打开浏览器控制台，调用
router.getRoutes()查看当前所有 route 记录 - 注意输出中每个 route 的
path和record.name，但真正的匹配依据是内部matchers数组 - 临时把疑似冲突的路由移到 routes 数组最前面，看是否生效——这是最快定位顺序问题的方法
- 使用
router.resolve('/xxx')可以模拟匹配，返回包含matched数组的结果，直观看到哪条 route 被选中
