兄弟元件的資訊通訊
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 (適用
於多個子,就一個兒子就直接全域性就好了)
}
}
複製程式碼
兄弟元件之間資訊傳遞
相關文章
- vue---元件間傳遞訊息(父子傳遞訊息,兄弟傳遞訊息)Vue元件
- vue 兄弟元件之間傳值之busVue元件
- vue元件之間的資料傳遞Vue元件
- vue中兄弟之間元件通訊Vue元件
- Vue元件之間的資料傳遞(通訊、互動)詳解Vue元件
- 父子元件資訊傳遞元件
- Vue元件間傳遞資料Vue元件
- Vue元件間資料傳遞Vue元件
- 微信小程式父子元件之間的資料傳遞微信小程式元件
- 深入解析React資料傳遞之元件內部通訊React元件
- 頁面之間傳遞資料
- gateway(二)微服務之間傳遞使用者資訊Gateway微服務
- Android開發 - Parcelable 介面實現不同元件之間傳遞資料解析Android元件
- 微信小程式--頁面與元件之間如何進行資訊傳遞和函式呼叫微信小程式元件函式
- HarmonyOS-基礎之元件資料傳遞元件
- vue工程利用pubsub-js實現兄弟元件之間的通訊VueJS元件
- AbilitySlice之間的傳遞值
- 不同順序InBoundHandler之間的資料傳遞
- postman(五):在不同介面之間傳遞資料Postman
- Vue之元件間傳值Vue元件
- Ability之間或者程式間資料傳遞之物件(Sequenceable序列化)物件
- 父子元件的資料傳遞元件
- Vue父子之間的值傳遞Vue
- Vue學習小札——2.4 父子元件間的資料傳遞Vue元件
- Vue 元件間的傳值(通訊)Vue元件
- Vue - 元件之間的傳值方式Vue元件
- vue兩個元件間值的傳遞或修改方式Vue元件
- 子元件給父親傳遞資料元件
- LCP 07. 傳遞資訊
- 面試官:兄弟,說說Java到底是值傳遞還是引用傳遞面試Java
- vue---註冊元件、元件之間父子傳值Vue元件
- vue元件之間的通訊Vue元件
- webRtc及元件之間通訊Web元件
- React - 元件之間的通訊React元件
- 元件之間的通訊LiveDataBus元件LiveData
- QNX學習 -- API之訊息傳遞API
- React之元件(component)之間的通訊React元件
- vue中子元件傳遞父元件$emitVue元件MIT