vue3中的emits

在Vue 3中，`emits`是一个新的特性，用于声明组件可以触发的自定义事件。通过使用`emits`选项，我们可以明确指定组件可以触发哪些事件，并且在组件实例中进行类型检查。

`emits`选项可以在组件的选项对象中进行定义，它是一个数组或对象。数组形式的`emits`选项用于声明组件可以触发的事件名称，而对象形式的`emits`选项还可以指定每个事件的参数类型。

下面是一个示例，展示了如何在Vue 3中使用`emits`选项：

// 在组件选项对象中定义emits选项
const MyComponent = {
  emits: ['update', 'delete'], // 声明组件可以触发的事件名称

  methods: {
    handleClick() {
      // 触发update事件
      this.$emit('update', { data: 'updated' });
    },

    handleDelete() {
      // 触发delete事件
      this.$emit('delete', { id: 123 });
    }
  }
}

在上面的示例中，`emits`选项声明了组件可以触发`update`和`delete`两个事件。在组件的方法中，通过`this.$emit`方法来触发相应的事件，并传递相应的数据。