兄弟组件之间信息传递

237 阅读1分钟
兄弟组件的信息通信
      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 (适用	
		                     于多个子,就一个儿子就直接全局就好了)
        	}
	}