vue組件之間的傳值方式

父傳子:

? ?父組件中引入了子組件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:單獨講

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容