父子通信 2018-05-29

父?jìng)髯?/h2>

在父組件上自定義一個(gè)屬性并將想要傳到子組件的數(shù)據(jù)用v-bind綁定到自定義屬性上。

在子組件里通過(guò)props["父組件自定義屬性名"]進(jìn)行接收,子組件在使用父組件傳遞過(guò)來(lái)的數(shù)據(jù)時(shí),數(shù)據(jù)的名字應(yīng)該為父組件的自定義屬性名。

子傳父


在子組件的methods中定義一個(gè)方法,方法通過(guò)this.$emit("自定義事件名稱",要傳送的數(shù)據(jù))? 在子組件中調(diào)用這個(gè)方法。

在父組件中綁定子組件的自定義名稱@自定義名稱 并在methods中定義一個(gè)方法,此方法不用寫(xiě)形參 就可拿到子組件的數(shù)據(jù)。

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

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

  • Spring Cloud為開(kāi)發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見(jiàn)模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,545評(píng)論 19 139
  • 這是16年5月份編輯的一份比較雜亂適合自己觀看的學(xué)習(xí)記錄文檔,今天18年5月份再次想寫(xiě)文章,發(fā)現(xiàn)簡(jiǎn)書(shū)還為我保存起的...
    Jenaral閱讀 3,141評(píng)論 2 9
  • 這篇筆記主要包含 Vue 2 不同于 Vue 1 或者特有的內(nèi)容,還有我對(duì)于 Vue 1.0 印象不深的內(nèi)容。關(guān)于...
    云之外閱讀 5,175評(píng)論 0 29
  • 1.安裝 可以簡(jiǎn)單地在頁(yè)面引入Vue.js作為獨(dú)立版本,Vue即被注冊(cè)為全局變量,可以在頁(yè)面使用了。 如果希望搭建...
    Awey閱讀 11,296評(píng)論 4 129
  • 矩陣求和問(wèn)題 給定m x n 矩陣 A,求A11到Amn的最短路徑,一次只能走一步,只能向右向下或者向右斜方移動(dòng)。
    ScorMan_T閱讀 269評(píng)論 0 0

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