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