vue3 routr-link query传参两种方式

当使用 `vue-router` 中的 `<router-link>` 组件时，可以通过 `query` 属性将参数传递给目标路由。

第一种方式是直接在 `to` 属性中添加一个对象，例如：

<router-link :to="{ path: '/foo', query: { id: '123' } }">Go to Foo</router-link>

这样就会将 `{ id: '123' }` 这个对象作为查询参数传递给目标路由。

第二种方式是使用 `v-bind` 指令将一个包含参数的变量绑定到 `to` 属性上，例如：

<router-link :to="{ path: '/foo', query: queryParams }">Go to Foo</router-link>

这里的 `queryParams` 可以是一个包含参数的对象，也可以是一个计算属性或者方法返回的对象。