浅谈宇宙列车eventBus

1 篇文章 0 订阅
1 篇文章 0 订阅

Vue中组件传值的方法有很多种,父子组件,Vuex,eventBus
今天给大家分享一下eventBus
语法在最后面
首先,我也不太清楚eventBus这个名字从何而来,就叫eventBus
正片开始
eventBus是Vue中传值的方法,很强大,有多强大呢,它可以传多种数据类型,比如对象啊,数组啊,xxx啊,xxx啊,xxx啊,xxx啊 ,好吧我也不知道有没有这么多
小白骚一下,见谅
正片开始,简单且朴实无华的正片
使用方法
在这里插入图片描述
首先在入口文件main中通过prototype把它弄出来,因为main是入口文件,在这里声明的大家都可以用(你好我好大家好)
然后在你准备发送数据的组件里,这么写
在这里插入图片描述
写在生命周期里面,页面销毁跳转路由的时候会把数据Array带到你要接收的哪里,我给了点击事件跳转路由
/参考一下叭/
在这里插入图片描述
在这里插入图片描述
简单的一个跳转路由,数据Array是在data里面声明的
在这里插入图片描述
下面就是接收的哪里的写法
在这里插入图片描述
我也是写在了生命周期里,前一个页面跳转过来的时候,会把数据带过来,此时在生命周期beforeCreate进行接收
里面的a就是传送过来的值,我把他赋给了我声明的arr
在这里插入图片描述
打印一手,大概就是这样,忘了说语法了

发送
this.eventBus. e m i t ( " a " , 数 据 ) 接 收 t h i s . e v e n t B u s . emit("a",数据) 接收 this.eventBus. emit("a",)this.eventBus.on(“a”,(b)=>{
console.log(b)
})

说一下,这里的a名字要一样,理解成标记,发送哪里饿数据是你想要发送的数据,接收哪里是给你接受的数据赋值,不懂的话学学函数,再不懂私聊我(八成不在,毕竟我一个月发一遍博客)
不行,讲太细了,考虑收费了hhhh
看完点个赞,哪里不对欢迎大佬指教(毕竟我是小白,懂得不多)
对了,eventBus还有个八九成人不知道的东西,嘿嘿,想知道点个赞,有空就说

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值