vue中的 $router和$route的区别

最近在学习vue的单页面应用开发，需要vue全家桶，其中用到了VueRouter，在路由的设置和跳转中遇到了两个对象$router 和 $route。

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

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

    <!-- $router 用于控制路由的跳转  $route 从路由中拿数据 -->

<!-- v-router提供两种页面跳转方式
    组件式跳转：<router-link to="指定页面"></router-link> 跳转的页面是定死的
    编码式跳转：<div @click="$router.back()"></div> 跳转页面比较灵活
　　-->

<!--
  $router.back();  后退一个页面
  $router.push('跳转一个新的页面');   //本质是向栈中添加一个路由
  $router.replace('替换式跳转新页面');

　　　　this.$router.replace( { path:'/login' , query:{ to:this.$route } } );

  $router.go()  1是前进一个页面，-1是后退一个页面
6 -->

<!--
    路由跳转方法里面的参数只要是合理的就可以，
        可以使字符串，也可以是对象
-->    

 

 获取 id

 detailsId: parseInt(this.$route.params.id),