$route.meta看似响应式，是因为vue router每次导航都用reactive重新生成整个meta对象；其合并为浅层覆盖（非深度合并），需遍历route.matched获取全链路元信息。
路由配置里的 meta 本身**不是响应式的**——它只是普通 JavaScript 对象，Vue Router 并未对其做响应式处理（比如用 ref 或 reactive 包裹）。但你在组件或守卫中访问的 $route.meta 表现得“像响应式”，是因为 Vue Router 在每次路由变化时，**重新计算并替换了整个 to.meta 对象**，触发了 Vue 的响应式依赖追踪。
为什么 $route.meta 看起来是响应式的？
根本原因在于：$route 是一个响应式代理对象（Vue Router 内部用 reactive 创建），而它的 meta 属性每次导航都会被动态生成并赋值。也就是说：
- 你写的路由配置
meta: { requiresAuth: true }是静态、非响应式的 - 但
router.beforeEach中的to.meta或组件内的$route.meta每次都是全新构造的对象 - 这个新对象被设为响应式对象的一个属性，所以当它变化时，依赖它的模板或计算属性会自动更新
meta 字段如何合并？只做浅层覆盖，不递归合并
当路由存在嵌套（如 /posts/new 匹配父记录 + 子记录）时，to.matched 是一个数组，包含所有匹配的路由记录。而 to.meta 的值由 Vue Router **从左到右依次覆盖生成**：
开箱即用的技能链路由引擎。13 条预定义链覆盖搜索、开发、审查、MLOps、法律、创意等场景，三层路由架构（触发词→SAD反馈→DAG编排），recall@10=96.97%。配置驱动（chains.yaml），零代码扩展。pip install skill-weave-chains 一键安装。
- 从
matched[0].meta开始（最外层父路由） - 接着用
matched[1].meta浅层合并（即Object.assign({}, parentMeta, childMeta)） - 继续用
matched[2].meta覆盖，直到最后一个
⚠️ 关键细节：这是**单层属性覆盖**，不是深度合并。例如：
父路由 meta: { permissions: ['read'], title: '文章管理' }子路由 meta: { permissions: ['edit'], icon: 'pen' }
→ 最终 to.meta = { permissions: ['edit'], title: '文章管理', icon: 'pen' }
如何真正拿到“完整权限集”或“全链路 meta”？
如果业务需要聚合所有层级的权限（比如取并集）、判断任意一层是否设了 hidden，就不能依赖 to.meta，而要手动遍历 to.matched：
-
to.matched.some(r => r.meta.requiresAuth)—— 判断是否任一环节需鉴权 -
to.matched.flatMap(r => r.meta.permissions || []).filter(Boolean)—— 收集全部权限项 -
to.matched.reduce((acc, r) => ({ ...acc, ...r.meta }), {})—— 手动模拟浅合并（等价于 to.meta）
小结：meta 不是响应式数据，而是响应式时机下的“快照”
它不随你修改原始路由配置中的 meta 而变；它只在每次导航完成时，根据当前匹配的路由记录列表，生成一次新的、干净的、可被 Vue 追踪的对象。这种设计兼顾了性能与语义清晰性——既避免了对每个 meta 做响应式包装的开销，又保证了视图能及时反映路由状态。
