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还有个八九成人不知道的东西,嘿嘿,想知道点个赞,有空就说