vue3中子组件向父组件传点击事件时出现Cannot read properties of undefined (reading '$emit')

这个错误通常出现在子组件中使用 `$emit` 向父组件触发自定义事件时，没有正确引入或者没有初始化父组件中的事件。请确保以下几点：

1. 父组件中定义了对应的自定义事件，并且在子组件中使用了 `$emit` 触发。

2. 在子组件中正确引入了父组件：

    <script>
    import ParentComponent from './ParentComponent.vue'

    export default {
      components: {
        ParentComponent
      }
    }
    </script>

3. 在父组件中正确注册了子组件，并且在模板中使用了子组件，并且绑定了自定义事件：

    <template>
      <div>
        <child-component @custom-event="handleCustomEvent"></child-component>
      </div>
    </template>

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

    export default {
      components: {
        ChildComponent
      },
      methods: {
        handleCustomEvent() {
          // 处理自定义事件
        }
      }
    }
    </script>

如果以上几点都没有问题，那么可以尝试在子组件中通过 `this.$parent` 来获取父组件实例，然后再触发自定义事件：

this.$parent.$emit('custom-event')