兄弟组件的信息通信
let eventBus = new Vue;//创建一个实例 全局
兄弟组件1:<my-bro1 :eventbus="eventBus"></my-bro1>
props:['eventbus'],
created(){
//基于$on创建一个自定义事件:把methods中的指定方法放到队列中
this.eventbus.$on('自定义事件:changeEvent',methods中的方法:this.changeNum)
}
兄弟组件2:<my-bro2 :eventbus="eventBus"></my-bro2>
props:['eventbus'],
methods:{
hangdle(type){
this.eventbus.$emit('自定义事件:changeEvent',type)
}
}
父组件:
data:{
return{
eventBus:new Vue //父组件中创建一个私有的eventBus (适用
于多个子,就一个儿子就直接全局就好了)
}
}