router-link to param

根据提供的引用内容，我们可以使用Vue.js中的`<router-link>`标签来实现路由传参。具体来说，我们可以使用`params`属性来传递参数。下面是一个示例代码：

<template>
  <div>
    <h1>home</h1>
    <p>
      <router-link :to="{ name: 'dianwei', params: { id: '001', name: '典韦' } }">典韦</router-link>
      <router-link :to="{ name: 'qihao', params: { id: '002', name: '鲁班七号' } }">鲁班七号</router-link>
      <router-link :to="{ name: 'yaojin', params: { id: '003', name: '程咬金' } }">程咬金</router-link>
    </p>
    <router-view></router-view>
  </div>
</template>

在上面的代码中，我们使用`:to`属性来指定路由的目标地址，并使用`name`属性来指定路由的名称。同时，我们使用`params`属性来传递参数，其中`id`和`name`分别表示传递的参数名和参数值。

在接收参数的组件中，我们可以使用`$route.params`来获取传递的参数。下面是一个示例代码：

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

在上面的代码中，我们使用`$route.params.name`和`$route.params.id`来获取传递的参数值。