vue3props如何传多个参数

在Vue3中，`props`用于从父组件向子组件传递数据。如果你需要传递多个参数，你可以直接在`props`选项中定义一个对象或者数组。以下是两种常见的做法：

1. **单个对象作为prop**:

// 父组件
<template>
  <ChildComponent :myProps="{ param1: 'value1', param2: 'value2' }" />
</template>

// 子组件
export default {
  props: {
    myProps: { // 使用对象接收多个属性
      type: Object,
      required: true, // 如果未提供则会报错
      default: () => ({}) // 可选设置默认值
    }
  },
  //...
}

在子组件中通过 `this.$props.myProps` 访问这些属性。

2. **数组作为prop**:

// 父组件
<template>
  <ChildComponent :myProps="[param1, param2]" />
</template>

// 子组件
export default {
  props: {
    myProps: {
      type: Array, // 接收数组
      required: true,
      default: () => [],
    }
  },
  //...
}

同样，在子组件中使用 `this.$props.myProps`。