1.在src/assets/的js目录中新建eventBus.js文件(名称可以自定义)
该组件中同样需要引入eventBus,使用$on实现将first传来的值赋值给msg,形参data表示
first中传递过来的message里边的值
2.项目跑起来后,进入parent页面
2.1传值之前:
总结:bus事件传值:
1.新建eventBus.js文件,在子组件first和子组件seconds中分别引入events.js
2.在父组件parent中中引入first和seconds组件
3.在first组件data中定义需要传递的属性,methods方法中使用
bus.$emit('toMsgSend',this.message);
在seconds组件data中定义用来接收的属性,mounted声明周期中
bus.$on('toMsgSend',(data)=>{
console.log('[data]'+data)
this.msg=data
})
以上即可实现兄弟组件之间的传值,当然这只是兄弟组件传值的其中一种方式而已