标签:bus ...... 总线 GlobalEventBus demo 组件 全局 接收数据
组件间传递消息不是那么简单,比如兄弟组件之间,爷孙组件之间,这个时候可以使用全局事件总线。它是一种组件间通信的方式,适用于任意组件间通信。
步骤:
1.安装全局事件总线
new Vue({
......
beforeCreate() {
Vue.prototype.$bus = this //安装全局事件总线,$bus就是当前应用的vm
},
......
})
2.接收数据
接收数据:A组件想接收数据,则在A组件中给$bus绑定自定义事件,事件的回调留在A组件自身。(demo回调函数这样写避免箭头函数出现this指向不明的情况)
methods(){
demo(data){......}
}
......
mounted() {
this.$bus.$on('xxxx',this.demo)
}
3.提供数据:在另一个组件中提供数据
this.$bus.$emit('xxxx',数据)`
标签:bus,......,总线,GlobalEventBus,demo,组件,全局,接收数据 来源: https://blog.csdn.net/a774578034/article/details/122307508
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。