我们经常需要把某个模式匹配到的所有路由，全都映射到同一个组件，例如，我们有一个  User 组件，对于所有 ID 各不相同的用户，都要使用这个组件来渲染，那么我们可以在vue-router的路由路径中使用 “动态路由参数” 来达到这个效果

        1. 动态路径参数，使用 “冒号” 开头，一个路径参数，使用冒号标记，当匹配到一个路由时，参数会被设置到  this.$router.params 中,并且可以在每个组件中使用

this.$router.push({
 name:"路由地址",
 params:{
 name:'要发送的数据',
 }
});



//读取 路由参数接收
this.name = this.$route.params.name;

        2. 现在我们知道了 可以通过动态路由传参，在路由中设置了，多段路径参数后，对应的值分别都会设置到  $router.query 和 $router.params 中

query 和 params 之间的区别是什么？

1. query 要用 path 来引入，params 需要用 name 来引入

2. 接收参数时，分别是this.$route.query.name  和 this.$route.params.name (注意：是$route而不是$router)

3. query 更加类似于我们 ajax 中 get 传参，params 则类似于 post，前者在浏览器的地址中显示，params 不显示

4. params 传值一刷新就没了，query 传值刷新还存在

$route 和 $router 的区别是什么？

        $route 是 “路由信息对象”，包括 path，params，hash，query，fullPath，matched，name 等路由信息参数。

         $router 为 VueRouter 的实例，相当于一个全局的路由器对象，里面包含有很多属性和子对象，例如 history 对象，经常使用的跳转链接就可以用 this.router.push 会往 history 栈中添加一个新的记录，返回上一个 history 也是使用 $router.go 方法。