从动态添加的组件调用宿主或父组件的方法的正确方式是什么？

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

<script>
export default {
  methods: {
    handleCustomEvent(data) {
      // 在这里执行宿主或父组件的方法
      console.log(data);
    }
  }
}
</script>

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

<script>
export default {
  methods: {
    triggerCustomEvent() {
      // 在这里触发自定义事件，并传递回调函数作为参数
      this.$emit('custom-event', 'Hello from dynamic component!');
    }
  }
}
</script>