兄弟元件之間資訊傳遞

王東煜發表於2019-12-17
兄弟元件的資訊通訊
      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 (適用	
		                     於多個子,就一個兒子就直接全域性就好了)
        	}
	}
複製程式碼

相關文章