vue 路由参数接收方法

Vue 路由参数可以通过$router对象和$route对象来获取。其中，$router对象是Vue Router的实例，通过它可以获取当前的路由信息。而$route对象则是当前的路由信息对象，包含了当前路由的各个参数和路径信息。

对于路由参数的传递，可以使用path传递，也可以使用props传递。当使用path传递参数时，可以通过$route.params来获取当前路由的参数值。当使用props传递参数时，可以在路由映射表中设置props为true，这样参数会被作为组件的props传递，可以直接在组件内部使用this来获取props。

以下是一个使用path传递参数的例子：

路由设置：

{
  path: '/user/:id',
  component: User
}

组件中获取参数：

export default {
  props: ['id'],
  mounted () {
    console.log(this.id)
  }
}

以下是一个使用props传递参数的例子：

路由设置：

{
  path: '/user',
  component: User,
  props: true
}

组件中获取参数：

export default {
  props: ['id'],
  mounted () {
    console.log(this.id)
  }
}