vue router-link路由传参

在Vue中使用`router-link`组件进行路由导航时，可以通过props的方式向目标路由传递参数。

首先，在定义路由时，需要在路由配置中指定参数的名称。例如：

const routes = [
  { 
    path: '/user/:id', 
    name: 'user', 
    component: UserComponent 
  }
]

在上面的例子中，我们定义了一个名为`user`的路由，并指定了一个名为`id`的参数。

接下来，在使用`router-link`组件进行导航时，可以通过`to`属性指定目标路由，并使用对象形式传递参数。例如：

<router-link :to="{ name: 'user', params: { id: 1 } }">User</router-link>

在上面的例子中，我们通过`params`属性传递了一个名为`id`的参数，值为1。

最后，在目标组件中，可以通过`$route.params`访问传递过来的参数。例如：

export default {
  mounted() {
    console.log(this.$route.params.id); // 输出 1
  }
}

这样就可以在Vue中使用`router-link`组件传递参数进行路由导航了。