vue[(事件车eventBus)中央事件总线数据传递]

本质

中央事件总线(通俗讲就是:eventBus事件车)的实质就是创建一个vue实例,通过一个空的vue实例作为桥梁实现vue组件间的通信。它是实现非父子组件通信的一种解决方案。

作用

实现非父子组件之间的数据传递

使用方式

第一步:注册eventBus
最简单直接的方式就是在main.js中直接注册并且挂载一个空vue实例
如:
main.js文件中如下:
在这里插入图片描述
注意要import Vue from “vue”;一般情况下,main.js中已经有这个引入了。
第二步:在需要使用的组件中引用与调用
组件一:test1.vue主动触发事件如:
在这里插入图片描述
组件二:test2.vue配置监听引用如:
在这里插入图片描述
就是这么简单,两个组件之间的数据就传递好了
注意:要先触发 b u s . bus. bus.emit对应的事件,然后通过 b u s . bus. bus.on监听事件,才会有数据,仅仅只是监听是没数据的。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值