第六章｜路由与导航

把 URL、路由记录、页面出口和浏览器历史联系起来。理解匹配与导航之后，再学习参数、布局、守卫、元信息，以及加载失败和滚动位置的恢复。

阅读前需要什么

需要组件渲染、响应式侦听、异步取消及状态归属。路由匹配与导航可以先通过内存历史观察；深链刷新和返回位置则需要浏览器与服务器配合。

这一章怎样连起来

一次导航从目标位置与路由记录匹配开始，经过守卫决策和组件加载，确认后更新当前位置与页面，再处理滚动。useRoute() 反映已确认的位置，router 发起导航，浏览器 history 管理前进与后退记录。

直接打开深链时请求先到服务器。采用 createWebHistory() 的应用需要适当回退到页面入口，同时保留真实静态文件、API 与安全规则；服务器能力会影响使用哪一种 history。

阅读顺序

1. 路由表与匹配
2. RouterView 与 RouterLink
3. 编程式导航与失败结果
4. params、query、hash 与组件复用
5. 嵌套路由与布局
6. 命名路由与命名视图
7. 导航守卫
8. Vue Router 3 → 4 迁移（维护回访）
9. 路由元信息
10. 懒加载与错误处理
11. 滚动行为

标注“维护回访”的篇目用于比较旧项目行为。首次学习主线可以暂缓，具备对应前置后再读；它们保留在实际编号位置，便于从正文和侧栏定位。

普通小实验沿用第一章运行环境。明确标注为自动化回访的题目，在完成第九章测试环境后再做。

读完后能做什么

用独立导航实验分别验证匹配结果、守卫阻止与重定向；再用浏览器观察深链刷新、返回和锚点位置。不要把“URL 已改变”当成所有组件、数据与滚动都已完成的信号。

先独立完成各篇练习，再对照本章答案。接着进入第七章｜渲染、编译与性能。