在Vue.js中，你可以使用路由参数来动态地传入query。这通常通过在路由配置文件（如router.js或vue-router.config.js）中使用path属性来实现。

以下是一个简单的例子：

```javascript // router.js import Vue from 'vue' import Router from 'vue-router' import Home from '@/views/Home.vue'

Vue.use(Router)

export default new Router({ routes: [ { path: '/about', component: Home, query: { name: 'John Doe' } } ] }) ```

在这个例子中，当你访问http://localhost:3000/about?name=John%20Doe时，about组件将会渲染出<h1>Hello, John Doe!</h1>。

如果你的查询参数是一个对象，你可以像这样使用它：

```javascript // router.js import Vue from 'vue' import Router from 'vue-router' import Home from '@/views/Home.vue'

Vue.use(Router)

export default new Router({ routes: [ { path: '/about', component: Home, query: { name: { $in: ['John Doe', 'Jane Doe']} } } ] }) ```

在这个例子中，当你访问http://localhost:3000/about?name=John%20Doe&name=Jane%20Doe时，about组件将会渲染出<h1>Hello, John Doe!</h1>和<h1>Hello, Jane Doe!</h1>。

注意，$in运算符用于检查查询参数中是否包含特定的值。如果包含，它将返回一个数组。如果未包含，它将返回null。