vue3 兄弟组件通信,vue兄弟组件通信方式
本文主要介绍Vue2和Vue3兄弟组件通信总线的区别和用法。有需要的朋友可以借鉴一下,希望能有帮助。祝大家进步很大,早日升职加薪。
目录
vue 2 . XV E3 . x微型发射器插件用法mitt插件用法
vue2.x
Vue.prototype.$bus=new Vue()
听:这个。$巴士。$ on(方法名,(参数)={}),可以累加
触发器:这个。$巴士。$ emit(方法名,参数值)
销毁:这个。$巴士。$ off(方法名),谁听谁销毁
注意:既然监测可以累加,那就要有第四步破坏。
vue3.x
tiny-emitter插件用法
安装插件npm i微型发射器
使用导入
从“微型发射器/实例”导入发射器
从“vue”导入{onMounted}
setup(){
onMounted(()={
Listening: emitter.on(监听的方法名,(参数)={回调函数})
Trigger: emitter.emit(监听的方法名,参数)
Destroy: emitter.off(监听的方法名,参数)
})
}
mitt插件用法
1.安装npm i mitt
2.导入和使用
从“mitt”导入mitt
Listening: bus.on(监听的方法名,(参数)={回调函数})
Trigger: bus.emit(监听的方法名,参数)
Destroy: bus.off(监听的方法名,参数)
这就是Vue2和Vue3兄弟通信总线的区别和用法的细节。更多关于Vue2和Vue3兄弟之间通信总线的使用方法,请关注我们的其他相关文章!
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。