Uncaught TypeError: this.$emit is not a function

如果在 Vue 3 中使用 `this.$emit` 出现了 `Uncaught TypeError: this.$emit is not a function` 错误，通常是因为你的组件没有继承自 `Vue` 对象。

在 Vue 3 中，组件的定义方式发生了变化。如果你使用 `defineComponent` 函数来定义组件，那么你需要将组件的选项传递给该函数，并将返回值作为组件的定义。例如：

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

export default defineComponent({
  methods: {
    handleClick() {
      this.$emit('child-click');
    }
  }
});
</script>

在上述代码中，我们使用 `defineComponent` 函数来定义组件，并将组件的选项传递给该函数。这样，我们可以使用 `this.$emit` 来触发父组件中的事件。

如果你没有使用 `defineComponent` 函数来定义组件，而是使用了 Vue 2 中的方式来定义组件，那么你需要将组件继承自 `Vue` 对象。例如：

<script>
import Vue from 'vue';

export default Vue.extend({
  methods: {
    handleClick() {
      this.$emit('child-click');
    }
  }
});
</script>

在上述代码中，我们使用 `Vue.extend` 方法将组件继承自 `Vue` 对象。这样，我们就可以在组件中使用 `this.$emit` 来触发父组件中的事件。