路由跳转this.$router，this.$route

vue路由
直接打印一下this


在控制台点击展开vue组件，里面有 $ router和 $ route，有什么区别呢

来看一下$route中的prototype中的方法

再看一下 $ router中的方法

.

$ route为当前router跳转对象里面可以获取name、path、query、params等
$ router为VueRouter实例，想要导航到不同URL，则使用$router.push(常用),back等方法

也可以携带参数：

this.$router.push({
   path:"/detail",
   query:{
    id:01
   }
});
 
this.$router.push({
   name:"detail",
   params:{
    id:01
   }
});