概述
vue2.x
- Vue.prototype.$bus=new Vue()
- 监听： this.$bus.$on(‘方法名',(参数)=>{}),它可以累加
- 触发： this.$bus.$emit(‘方法名',实参值)
- 销毁:this.$bus.$off(‘方法名')，谁监听谁销毁
- 注意: 由于监听可以累加, 所以必须要有第四步销毁
vue3.x
tiny-emitter插件用法
安装插件 npm i tiny-emitter
导入使用
import emitter from ‘tiny-emitter/instance'
import {onMounted} from ‘vue'
setup(){
onMounted(()=>{
监听： emitter.on('监听的方法名',(参数)=>{回调函数})
触发： emitter.emit('监听的方法名'，参数)
销毁： emitter.off('监听的方法名'，参数)
})
}
mitt插件用法
1.安装 npm i mitt
2.导入使用
import mitt from ‘mitt'
监听： bus.on(‘监听的方法名',(参数)=>{回调函数})
触发：bus.emit(‘监听的方法名'，参数)
销毁： bus.off(‘监听的方法名'，参数)
以上就是Vue2与Vue3兄弟组件通讯bus的区别及用法的详细内容，更多关于Vue2与Vue3兄弟组件通讯bus用法的资料请关注靠谱客其它相关文章！
最后
以上就是时尚滑板为你收集整理的Vue2与Vue3兄弟组件通讯bus的区别及用法的全部内容，希望文章能够帮你解决Vue2与Vue3兄弟组件通讯bus的区别及用法所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复