defineEmits

defineEmits是Vue 3中的一个函数，用于在子组件中定义要向父组件发射的自定义事件。通过使用defineEmits函数，我们可以在子组件中定义一个emits选项，该选项是一个字符串数组，包含了子组件可以发射的自定义事件的名称。当子组件需要向父组件发射自定义事件时，可以使用emit函数并传递事件名称和可选的数据参数。父组件可以通过在模板中使用v-on指令监听子组件发射的事件并执行相应的处理函数。

下面是一个使用defineEmits函数的示例代码：

<template>
  <button @click="increment">{{ count }}</button>
</template>

<script>
import { defineEmits } from 'vue';

export default {
  emits: ['increment'],
  data() {
    return {
      count: 0
    };
  },
  methods: {
    increment() {
      this.count++;
      this.$emit('increment', this.count);
    }
  }
};
</script>

在上面的示例中，我们使用defineEmits函数定义了一个emits选项，该选项包含了一个名为increment的自定义事件。在increment方法中，我们使用$emit函数发射了increment事件，并传递了当前计数器的值作为参数。父组件可以在模板中使用v-on指令监听increment事件并执行相应的处理函数。