vue2.0中的$router 和 $route的区别

router是全局的一个路由实例（全局变量），其中包含了所有的路由、路由的关键属性及方法

用法：1、$router.push({path:'/login'})       //路由跳转，实际是往history中添加路径

           2、$router.push({path:'/login',query:{name:'userName'}})  //路由传参，在route中获取参数

           3、$router.replace({path:'/login'}) //直接替换掉history中的路径，不记录跳转记录；$router.go(-1)回不到点击跳转的那个页面

 

route是一个跳转的路由对象（局部变量），每一个路由都有一个自己的route，route中记录了本次路由跳转的name、path、params、query等参数(this-全局指向，在这里指向当前页面范围的全局变量)

用法：1、let routePath=this.$route.path

           2、let query=this.$route.query

 

在使用时：我们用$router.push({path:'/login',query:{name:'userName'}})进行页面跳转，其中query是页面传参；下一个页面我们用$route.query来获取上一个页面传递过来的参数（获取到的是{name:'userName'}），