this.$emit vue3写法

在 Vue 3 中，使用 `this.$emit` 的写法有所改变。Vue 3 使用了 Composition API，所以不再使用 `this` 关键字来访问实例的方法和属性。

在 Vue 3 中，你可以使用 `emits` 选项来声明组件所触发的事件。在组件的选项中，添加一个 `emits` 属性，它是一个字符串数组，包含组件可能触发的事件名称。例如：

// 在组件选项中声明 emits
const MyComponent = {
  emits: ['eventName'],
  
  // 组件的其他选项
}

然后，在组件内部，你可以使用 `context.emit` 方法来触发事件。`context` 对象是 Composition API 中的一个参数，它具有 `emit` 方法用于触发事件。例如：

<template>
  <button @click="emitEvent">触发事件</button>
</template>

<script>
import { defineComponent } from 'vue'

export default defineComponent({
  methods: {
    emitEvent() {
      this.$emit('eventName', data)
    }
  }
})
</script>

注意，在 Vue 3 中，你需要使用 `defineComponent` 函数来定义组件，而不是使用 Vue 2 中的 `Vue.component` 方法。

以上就是在 Vue 3 中使用 `$emit` 的写法。希望能对你有所帮助！