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