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

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

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

那在vue3如何实现?

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

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


回答:

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

onAction() { // 事件名 action

console.log("action");

}

};


回答:

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

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


回答:

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

以上是 vue3如何通过函数的方式监听子组件事件? 的全部内容, 来源链接: utcz.com/p/932944.html

回到顶部