【vue-router源码】六、router.resolve源码解析

发布网友发布时间：2024-10-04 04:24

共1个回答

热心网友时间：2024-11-24 00:47

vue-router源码系列带你深入了解v4.0.15版本的实现，前提是对基本用法有一定了解，可通过官网学习。本文焦点是router.resolve的解析过程。

router.resolve的核心任务是将给定的路由地址标准化。它接受两个参数：rawLocation（可能为对象或字符串）和currentLocation（可选，默认为currentRoute）。解析过程分为两个分支：

parseURL函数接收query解析函数、location和currentLocation，负责处理相对路径。例如，当to='cc'，from='/aa/bb'时，经过一系列resolveRelativePath操作，最终可能转换为'/aa/cc'，'/aa/bb/cc'等。特别地，如果from路径以'/ '开始，无论to如何，resolveRelativePath始终返回'/cc'。

解析完rawLocation后，调用matcher.resolve进一步处理，这个阶段会根据匹配规则进行更复杂的路径处理。

最终，router.resolve返回一个标准化后的路由对象，包含了处理后的路径信息和其他相关数据，为后续的导航操作提供依据。