vue3如何通过函数的方式监听子组件事件？

Question

vue3如何通过函数的方式监听子组件事件

在vue2中可以通过：组件.$on('事件名', 回调方法)

那在vue3如何实现？

场景代码：
const app = createApp(组件A).mount(#app)

需求：
不通过template的写法，去监听组件A中的事件

Answer 1

<my-component v-bind="attrs"></my-component>

 const attrs = {
  onAction() { // 事件名 action
    console.log("action");
  }
};

Answer 2

vue3移除了$on，$off，$once，如果想继续使用类似的api，需要添加第三方库，比如mitt，就是一个很精小的插件，具体用法可以网上搜下，比如下面的文章

https://blog.csdn.net/qq_3917...
https://zhuanlan.zhihu.com/p/...

Answer 3

https://blog.csdn.net/Wancc12...
You can see see