定义vue-router的动态路由以及如何获取传过来的动态参数

动态路由是指在vue-router中，可以通过一种特殊的语法来定义一个动态的路由路径，该路径的一部分可以根据实际情况进行动态更改。如下所示：

const router = new VueRouter({
  routes: [
    {
      path: '/user/:id',
      component: UserDetail
    }
  ]
})

上述代码中的:id就是一个动态路由参数，它表示路径中的一部分可以根据实际情况进行变化。

在组件中可以通过$route.params来获取传过来的动态参数。在上述例子中，可以通过$route.params.id来获取传过来的id参数。

下面是一个获取传递动态参数的例子：

<template>
  <div>
    <h2>User Detail</h2>
    <p>User ID: {{ $route.params.id }}</p>
  </div>
</template>

<script>
export default {
  mounted() {
    console.log(this.$route.params.id);
  }
}
</script>

在这个例子中，当访问/user/123时，id参数的值是123，可以通过$route.params.id获取到该值。在mounted钩子函数中，也可以通过this.$route.params.id来获取该值。