父子通訊
父組件向子組件通訊(單向數(shù)據(jù)流傳遞纸镊,子組件不應該改變父組件里面數(shù)據(jù)的值),父組件代碼如下
<zhead :speaktoson="dadSay"></zhead>
父組件在調(diào)用子組件的標簽上聲明自定義屬性,該屬性的值為父組件要向子組件通訊的內(nèi)容概疆,
props:["speaktoson"]
子組件通過props屬性聲明上述步驟中的自定義屬性為自組件的數(shù)據(jù)(變量)
子父通訊
子組件通過$emit('eventName','toDeliverData')發(fā)送一個自定義事件
this.$emit("speaktofather",{data:this.sonSay});
父組件通過v-on:eventName逗威,監(jiān)聽子組件發(fā)送的自定義事件,從事件對象里面剝離出子組件傳遞的值
<localcom @speaktofather="getSonMsg"></localcom>
兄弟通訊
聲明一個中央集線器var busHub = new Vue();
var busHub = new Vue();
其中一個子組件利用busHub的$emit方法發(fā)送一個自定義事件岔冀,方法同上
busHub.$emit("speaktobrother",{data:"老鐵"});