全局事件总线（GlobalEventBus）

最新推荐文章于 2024-09-01 08:45:00 发布

天空下有你

最新推荐文章于 2024-09-01 08:45:00 发布

阅读量262

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/twilightLeaves/article/details/123096484

版权

1.一种组件间通讯的方式，适用于任意组件间通讯
2.安装全局事件总线：
	new  Vue({
		render: (h) =>  h(App),
		beforeCreate(){
			Vue.prototype.$bus = this // 安装全局事件总线，$bus就是当前应用的vm
		}
	}).$mount("#app");
3.使用事件总线：
	1.接收数据:A组件想接收数据，则在A组件中给$bus绑定自定义事件，事件的回调留在A组件自身。
		mounted(){
			this.$bus.$on('事件名',()=>{})
		}
	2.提供数据 this.$bus.$emit('事件名',数据)
4.最好在beforeDestroy钩子中，用$off去解绑当前组件用到的事件