兄弟组件事件总线传值

174 阅读1分钟

第一步 :先在在VUE原型上定义一个属性

b59eca82d03e9b7ce994a174c157b61.png

第二步:要传的值通过this.@bus.$emit('定义一个函数名','传过去的内容' )

image.png

第三步:在兄弟组件里面监听 接收 this.bus.bus.on('上面定义的函数名',(val)=>{} )
箭头函数里面的 形参 val 就是兄弟传过来的值

image.png

注意 : 注意组件在父组件的顺序 或者两兄弟是在哪个生命周期进行的传或者接 一定要先接收(监听) 再传值。补充(组件在父组件中渲染时是异步进行的)
一定要先监听在传值 否则无效 。

image.png