vue3 query如何传多个参数
时间: 2023-07-03 12:10:09 浏览: 51
在 Vue 3 中,可以使用 `setup()` 函数来传递多个参数。 `setup()` 函数接受两个参数:`props` 和 `context`。
如果要传递多个参数,可以将它们打包成一个对象,然后将该对象传递给组件。在 `setup()` 函数中,可以使用 `props` 和 `context` 来访问这些参数。
例如,假设要传递两个参数 `name` 和 `age`,可以这样定义组件:
```
<template>
<div>{{ name }} is {{ age }} years old.</div>
</template>
<script>
export default {
props: ['name', 'age'],
setup(props) {
console.log(props.name);
console.log(props.age);
}
}
</script>
```
然后,可以这样在父组件中传递参数:
```
<template>
<my-component :name="'Alice'" :age="25" />
</template>
<script>
import MyComponent from './MyComponent.vue';
export default {
components: { MyComponent }
}
</script>
```
在上面的例子中,我们将 `name` 和 `age` 打包成一个对象,然后将该对象传递给 `MyComponent` 组件。在 `MyComponent` 组件的 `setup()` 函数中,可以使用 `props.name` 和 `props.age` 来访问这些参数。