本文详细介绍了Vue2中的$route和$router对象，包括name、meta、path、hash、query、params等属性，以及$router的go(), push(), replace()方法。在Vue3中，使用useRoute和useRouter替代了this.$route和this.$router。还探讨了Vue3中路由传参的三种方式：params、query和动态路由，并强调了它们的区别和使用场景。"
107584108,9803763,构建图的零阶矩阵,"['图算法', '数据结构', '网络科学', '数学应用']
vue2中
简单理解为，route是用来获取路由信息的，router是用来操作路由的。
$route是路由信息对象，每一个路由都会有一个route对象，是一个局部的对象,里面主要包含路由的一些基本信息，比如name、meta、path、hash、query、params、fullPath、matched、redirectedFrom...
1. $route.name 当前路径名字
2. $route.meta 路由元信息 可以用在导航守卫查看要跳转的页面是否需要登录才能查看
3. $route.path 字符串，对应当前路由的路径，总是解析为绝对路径，如"/foo/bar"。
4. $route.hash 当前路由的hash值 (不带#) ，如果没有 hash 值，则为空字符串。锚点*
5. $route.query 一个 key/value 对象，表示 URL 查询参数。例如，对于路径 /foo?user=1，则有$route.query.user == 1，如果没有查询参数，则是个空对象。
6. $route.params 一个 key/value 对象，包含了 动态片段 和 全匹配片段，如果没有路由参数，就是一个空对象。
7. $route.fullPath 完成解析后的 URL，包含查
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
