vue3怎样传多个自定义事件给父组件

在Vue3中，你可以使用 `emits` 属性来声明组件可以触发的自定义事件。在父组件中，你可以监听这些自定义事件并执行相应的逻辑。如果你想要传递多个自定义事件给父组件，可以将它们包装在一个对象中传递。

例如，你可以在子组件中这样声明自定义事件：

export default {
  emits: ['event1', 'event2', 'event3'],
  // ...
}

然后在子组件中通过 `$emit` 方法触发这些自定义事件：

this.$emit('event1', data1);
this.$emit('event2', data2);
this.$emit('event3', data3);

在父组件中，你可以这样监听这些自定义事件：

<template>
  <child-component @event1="handleEvent1" @event2="handleEvent2" @event3="handleEvent3" />
</template>

<script>
export default {
  methods: {
    handleEvent1(data) {
      // 处理 event1 的逻辑
    },
    handleEvent2(data) {
      // 处理 event2 的逻辑
    },
    handleEvent3(data) {
      // 处理 event3 的逻辑
    }
  }
}
</script>

需要注意的是，当你使用 `emits` 属性声明自定义事件时，Vue会对这些事件进行类型检查和提示。如果你触发了未声明的自定义事件或者传递了错误的参数，Vue会在控制台中输出警告信息。