vue3 defineEmits使用方法

Vue 3 中的 defineEmits 函数用于定义组件可以发出的自定义事件。它接受一个对象作为参数，对象的键是事件名，值是一个函数或者是一个包含函数的数组。下面是 defineEmits 的使用方法示例：

import { defineEmits } from 'vue';

const MyComponent = {
  emits: defineEmits(['customEvent1', 'customEvent2']), // 定义可以发出的自定义事件

  methods: {
    handleClick() {
      this.$emit('customEvent1', 'Hello from customEvent1'); // 发出自定义事件 customEvent1
      this.$emit('customEvent2', 'Hello from customEvent2'); // 发出自定义事件 customEvent2
    },
  },

  // ...
};

在示例中，我们在组件的 emits 选项中使用 defineEmits 函数来定义组件可以发出的自定义事件，其中包括 "customEvent1" 和 "customEvent2" 两个事件。然后，在组件的方法中，通过 this.$emit 方法来发出自定义事件。

注意：在 Vue 3 中，使用 defineEmits 函数来定义自定义事件是可选的。如果不使用 defineEmits，组件仍然可以通过 this.$emit 方法发出自定义事件，但是无法进行类型检查。