vue3如何用emit

Vue 3中，使用`emit`可以实现子组件向父组件传递消息。首先，在父组件中使用`v-on`指令来监听子组件触发的事件，并定义对应的处理函数。然后，在子组件中使用`$emit`方法触发自定义事件，并将需要传递给父组件的数据作为参数传入。

下面是一个示例：

// 父组件
<template>
  <div>
    <child-component @custom-event="handleEvent"></child-component>
  </div>
</template>

<script>
export default {
  methods: {
    handleEvent(data) {
      console.log(data);
    }
  }
}
</script>

// 子组件
<template>
  <button @click="triggerEvent">触发事件</button>
</template>

<script>
export default {
  methods: {
    triggerEvent() {
      this.$emit('custom-event', '传递给父组件的数据');
    }
  }
}
</script>