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