vue3 emit

在Vue 3中，`emit`函数用于触发自定义事件。它可以在子组件中使用，通过`$emit`方法向父组件传递数据。以下是使用`emit`的示例代码：

在子组件中，使用`$emit`方法触发事件：

// 子组件
<template>
  <button @click="handleClick">点击触发事件</button>
</template>

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

在父组件中，通过监听自定义事件来接收子组件传递的数据：

// 父组件
<template>
  <div>
    <child-component @custom-event="handleCustomEvent"></child-component>
    <p>接收到的数据：{{ eventData }}</p>
  </div>
</template>

<script>
import ChildComponent from './ChildComponent.vue';

export default {
  components: {
    ChildComponent
  },
  data() {
    return {
      eventData: ''
    };
  },
  methods: {
    handleCustomEvent(data) {
      this.eventData = data;
    }
  }
}
</script>

在上述示例中，子组件中的按钮被点击时会触发`custom-event`事件，并将传递的数据作为参数。父组件通过监听这个事件，将接收到的数据赋值给`eventData`，从而实现了子组件向父组件传递数据的功能。