父傳子:
? ?父組件中引入了子組件import 組件名(標簽名)from ‘路徑’,在父組件中子組件標簽上定義一個動態(tài)的自定義屬性(在屬性前面加上v-bind:或 :)? (<children :message = 'mess'></children>); 在子組件中用prop接收自定的屬性message,可以是回調(diào)函數(shù)可以在子組件的事件中觸發(fā)父組件中的事件。 prop:{message: [String,Array,Object,Function,Number]}
? 如果要在父組件中觸發(fā)子組件的事件,可以用ref在父組件的子組件上進行標記(<children ref='child'> </children>),從而獲得子組件的實力對象(this.$refs.child類似于document.getElementById('名字'),this.$refs.child.fn()調(diào)用子組件里的函數(shù))。
子傳父:
? ? 子組件的事件中導出一個自定義事件this.$emit('自定事件名',要傳的參數(shù));父組件的子組件上綁上事件<children @自定事件名='你取的函數(shù)名'></chilren>,在你取的函數(shù)名內(nèi)實現(xiàn)傳值。
兄弟:
? ? 你可以寫一個bus中間件,this.$bus.emit('導出函數(shù)',參數(shù))=》this.$bus.on('導出函數(shù)', this.fn)=> this.$bus.off('導出函數(shù)', this.fn)
(有所不足,以后補充詳細)
vuex:單獨講