本文深入探讨了Vue Router中的$route和$router的区别。$route提供了当前路由的信息，包括name、meta、path、hash、query、params等。而$router是VueRouter的实例，用于操作路由，如go()、back()、forward()和push()、replace()方法，实现页面跳转。了解这两者的差异对于掌握Vue应用的路由管理至关重要。
简单理解为，route是用来获取路由信息的，router是用来操作路由的。
一、$route
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.fu
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
