路由快照是什么：使用useRoute实现页面初次加载的数据获取

路由快照是Vue项目初始化阶段获取URL参数的实用技巧，下面详解其原理与实现方法。

当页面首次加载时，系统会对URL中的params、query等参数进行静态捕获。这种快照机制不会响应后续参数变更，特别适合执行页面初始化操作，例如根据ID获取初始数据。

为什么用快照做初次抓取？

在组件挂载阶段，路由状态已经固定但尚未建立。此时通过useRoute()直接读取route.params等属性，能确保获取准确的初始参数，避免出现空值或历史数据干扰。

如何用 useRoute 正确获取快照参数

在setup函数中调用useRoute()方法，直接访问其属性即可：

1. route.params.id → 提取路径参数（如/user/123中的123）
2. route.query.token → 获取查询参数（如?token=abc中的abc）
3. route.path和route.name可辅助判断当前路由信息

重要提示：应当直接使用route对象而非解构，以保持响应性；同时避免在onMounted之外访问未声明的变量。

配合数据请求的典型写法

页面初始化阶段通常需要立即获取数据，而非等待后续参数变化：

1. 在onMounted或onBeforeMount生命周期中读取route.params.id并发起API请求
2. 如需响应地址栏参数变更，可额外添加watchroute.params.id
3. 对于仅需初始化读取的场景（如带token跳转），使用快照既高效又轻量

快照 vs 订阅：什么时候该选哪个？

快照适合只需初始参数的场景；订阅模式（通过watch或响应式依赖）则用于需要实时响应参数变化的交互场景。二者可协同使用：先用快照初始化，再用watch处理后续变更。

合理运用路由快照能有效提升页面初始化性能，是Vue路由开发的重要技巧。