区分$router 和 $route

区分$router 和 $route

• $route 是用来获取路由信息的。
• $router 是路由器本身，做一些跳转的操作，如路由跳转router.push()。

1.route

是一个跳转的路由对象，每一个路由都会有一个route对象，是一个局部的对象，可以获取对应的name，path，params，query等等。

一些常用的操作：

$route.path 字符串   

1. 等于当前路由对象的路径，会被解析为绝对路径，如/home/ews

$route.params 对象 

2. 含路有种的动态片段和全匹配片段的键值对，不会拼接到路由的url后面

this.$route.params.id

3. 一般出现在获取某个详情页面的时候，通过其id获取

$route.query 对象

4. 路由中查询参数的键值对。在路由url后面（如

this.$route.query.user
//例如，某个路径/xxx?user=xiaowang,那么这里的
$this.$route.query.user === xiaowang

$route.router //路由规则所属的路由器
$route.matchd  //数组，包含当前匹配的路径中所包含的所有片段所对象的配置参数对象
$route.name 当前路由的名字，如果没有使用具体路径，则名字为空

2.router

router是VueRouter的一个对象，通过Vue.use(VueRouter)和Vu构造函数得到一个router的实例对象，这个对象中是一个全局的对象，他包含了所有的路由，包含了许多关键的对象和属性。

$router.push({path:'home'}) 
//本质是向history栈中添加一个路由，在我们看来是切换路由，但本质是在添加一个history记录

$router.replace({path:'home'})
//替换路由，没有历史记录