vue3中 defineEmits怎么进行监听

在Vue3中，可以使用`$emit`方法触发子组件中定义的自定义事件，并在父组件中使用`v-on`或`@`监听该事件。而在子组件中使用`defineEmits`定义自定义事件后，可以使用`emits`选项将其传递给父组件进行监听。

具体实现步骤如下：
1. 在子组件中使用`defineEmits`定义自定义事件，例如定义一个名为`increase`的事件：

<script setup>
  const emits = defineEmits(['increase']);
  const handelClick = () => {
    emits('increase');
  };
</script>

2. 在父组件中引入子组件，并在模板中使用`v-on`或`@`监听子组件中定义的自定义事件，例如监听子组件中的`increase`事件：

<template>
  <section class="parent">
    <childVue :num="nums" @increase="handleIncrease"></childVue>
  </section>
</template>

3. 在父组件中定义一个方法来处理子组件中触发的自定义事件，例如处理子组件中的`increase`事件：

<script setup>
  import childVue from './child.vue';
  import { ref } from 'vue';
  const nums = ref(0);
  const handleIncrease = () => {
    nums.value++;
  };
</script>