Vue 3.x 的路由传参中,`query` 参数可以传递一个对象。你可以在 `router-link` 组件的 `to` 属性中传递一个包含多个键值对的对象,例如:
```html
用户详情
```
在上面的例子中,我们传递了一个包含两个键值对的对象作为 `query` 参数,其中 `id` 和 `name` 分别是参数名和参数值。
在接收参数的组件中,可以通过 `$route.query` 访问到传递过来的参数对象,例如:
```js
export default {
mounted() {
console.log(this.$route.query.id); // 输出:1
console.log(this.$route.query.name); // 输出:John
}
}
```
在上面的例子中,我们在组件的 `mounted` 钩子函数中访问了 `$route