Vue--router和route的区别

一、Router

router是通过VueRouter构造函数new出来得到了的一个实例对象，这个对象是全局的路由对象，它包含了所有的路由对象和属性

类似于history对象

比较常用的属性是：

correntRoute:当前页面的路由对象

options.routes：所有的路由对象

比较常用的方法是

$router.push('url') :  跳转到指定路由

$router.back()  :  跳转上一级路由

$router.go(n)  ：n为1时表示跳转下一级路由，-1时表示上一级路由

二、Route

route是一个页面的跳转路由对象，每一个页面都有一个route对象，是一个局部的路由对象

常见的属性有：

$route.path : 当前路由对象的路径，如' /login '

$route.params  : 路由的动态匹配参数

$route.query : 路由的查询参数的键值对，如 /login?username=hsq,那么$route.query.username==' hsq '

$route.name : 当前路由的名字，也就是路由的name属性