组件内路由守卫与生命周期钩子分工协作：路由守卫负责导航控制（进/出/更新时机），生命周期钩子负责实例内部初始化、渲染与清理；二者结合实现精准数据流与体验管控。
组件内路由守卫和 Vue 组件生命周期钩子不是替代关系，而是分工协作：路由守卫管“要不要进、什么时候进、能不能走”，生命周期钩子管“怎么初始化、怎么渲染、怎么更新”。两者结合得当，才能实现精准的数据加载、状态清理和用户体验控制。
beforeRouteEnter 与 created/mounted 的配合
这是最常见也最关键的协同场景。beforeRouteEnter 在组件实例创建前执行，无法访问 this；而 created 和 mounted 则在实例就绪后触发。合理分工能避免重复请求或数据错乱。
- 推荐做法：在 beforeRouteEnter 中做权限校验、基础参数验证、预取关键数据（通过 next 回调传入 vm）；把组件内部状态初始化、DOM 操作、副作用绑定等逻辑留在 created 或 mounted 中
- 示例：用户进入详情页前需校验 ID 合法性并拉取基础信息，但页面标题设置、第三方图表初始化、滚动恢复等应放在 mounted
- 注意点：若在 beforeRouteEnter 中已用 async/await 获取了数据，可通过 next(vm => { vm.data = fetchedData }) 注入，避免 mounted 再次请求
beforeRouteUpdate 与 updated 的互补
当路由复用（如 /user/1 → /user/2）时，组件不销毁重建，因此不会触发 created/mounted，但会触发 beforeRouteUpdate 和 updated。
Skill Weave Chains — 技能链路由引擎
下载
开箱即用的技能链路由引擎。13 条预定义链覆盖搜索、开发、审查、MLOps、法律、创意等场景，三层路由架构（触发词→SAD反馈→DAG编排），recall@10=96.97%。配置驱动（chains.yaml），零代码扩展。pip install skill-weave-chains 一键安装。
- beforeRouteUpdate 适合：响应参数变化、重新获取关联数据、重置局部状态（如分页页码）、取消上一次未完成的请求
- updated 适合：依赖 DOM 更新后的操作，比如调整焦点、触发动画、刷新图表尺寸（需配合 $nextTick）
- 避坑提示：不要在 updated 中发起新请求——它可能被频繁触发；应在 beforeRouteUpdate 中明确判断 to.params.id !== from.params.id 后再处理
beforeRouteLeave 与 beforeUnmount 的职责划分
离开当前路由时，beforeRouteLeave 是第一道拦截，beforeUnmount 是最后的清理时机。
- beforeRouteLeave 主要用于：用户意图确认（如表单未保存弹窗）、中断异步操作（abort controller）、临时保存草稿到 localStorage
- beforeUnmount 主要用于：释放资源（清除定时器、解绑事件监听、销毁第三方实例）、重置全局状态（如清空搜索框缓存）、清理内存引用
- 典型组合：在 beforeRouteLeave 中询问用户是否离开 → 若用户确认，则 next()，随后触发 beforeUnmount 进行清理；若用户取消，则 next(false) 阻止跳转，不触发卸载
全局守卫与组件级钩子的层级协同
全局 beforeEach 可统一处理登录态、埋点、加载指示器；组件内守卫则聚焦业务逻辑。二者叠加使用时要注意执行顺序和责任边界。
- 避免重复校验：全局守卫做粗粒度权限（如是否有 token），组件守卫做细粒度权限（如当前用户能否编辑该文档）
- 加载状态联动：全局 beforeEach 开启 loading，afterEach 关闭；组件内 beforeRouteEnter 中可设置局部 loading = true，mounted 中设为 false，避免全局 loading 掩盖组件级细节
- 错误兜底：全局 afterEach 可记录页面停留时长；组件内 beforeRouteLeave 可记录用户放弃编辑行为，用于产品分析
