router-view传参

在 Vue.js 中，可以使用 `<router-view>` 组件来渲染匹配到的路由组件。要在 `<router-view>` 中传递参数，可以通过在路由配置中定义路由参数，并在路由链接中使用 `to` 属性传递参数。

首先，在路由配置中定义路由参数。可以使用冒号 (`:`) 来指定参数名，例如：

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

const router = new VueRouter({
  routes
})

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

然后，在路由链接中使用 `to` 属性来传递参数。可以使用对象语法来传递参数，例如：

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

在上述例子中，我们通过 `to` 属性传递了一个包含 `name` 和 `params` 属性的对象。`name` 属性指定了要跳转的路由名称，`params` 属性指定了要传递的参数。

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

export default {
  created() {
    console.log(this.$route.params.id) // 输出传递的参数值
  }
}

上述例子中，我们在 `created` 生命周期钩子中通过 `$route.params.id` 访问到了传递的参数值。

这样，就可以在 `<router-view>` 中传递参数了。希望能帮到你！