<!-- 兄弟组件之间的数据共享方案是EventBus
1、创建eventBus.js模块,并向外共享一个vue的实例对象
eventBus.js:
import Vue from 'vue'
//向外共享一个实例对象
export default new Vue()
2、在数据的发送方调用bus.$emit('事件名称',要发送的数据)方法触发自定义事件
数据发送方:
import bus from './eventBus.js'
export default{
data(){
return {
msg:'hello vue.js'
}
},
methods:{
sendMsg(){
bus.$emit('share',this.msg)
}
}
}
3、在数据的接收方,调用·bus.$on("事件名",事件处理函数)方法注册一个自定义事件
数据接收方:
import bus from './eventBus.js'
export defualt{
data(){
return{
msgFromLeft:''
}
},
created(){
bus.$on('share', val=>{
this.msgFromLeft=val
})
}
}