vue2 route包含的信息和router使用的详细介绍 vue3 useRouter和useRoute 使用以及三种传参方式

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，包含查