vue3 defineemits

在Vue 3中，可以使用`defineEmits`来定义组件的自定义事件。`defineEmits`接受一个数组或对象作为参数，用来指定组件可触发的事件。例如：

import { defineEmits } from 'vue';

const MyComponent = {
  emits: defineEmits(['event1', 'event2']),
  // ...
};

在上面的例子中，`MyComponent`组件定义了两个可触发的事件，分别是`event1`和`event2`。在组件内部，可以通过`$emit`方法来触发这些事件。例如：

this.$emit('event1', payload);

通过`defineEmits`定义的事件将会被类型检查工具识别并提供自动补全。

除了传递一个数组，你还可以传递一个对象给`defineEmits`，用来指定更详细的事件配置。例如：

const MyComponent = {
  emits: defineEmits({
    event1: (payload) => {
      // 校验payload的类型
      return typeof payload === 'string';
    },
    event2: null, // 不需要校验payload
  }),
  // ...
};

在上面的例子中，`event1`的校验函数检查了`payload`参数的类型，只有当它为字符串时才允许触发事件。

这样，通过使用`defineEmits`，你可以明确指定组件可触发的事件，并进行类型校验，以提高代码的可靠性和维护性。