海詩網(wǎng) 知識百科 vue父子組件傳值(vue父子組件傳值)

vue父子組件傳值(vue父子組件傳值)

vue父子組件傳值, 父子組件是將另一個vue文件引入一個vue文件。引入的vue文件是子組件,引入的vue文件是父組件。以下是父子組件值傳遞的具體操作。

1.父節(jié)點(diǎn)將值屬性傳遞給子節(jié)點(diǎn)。

父組件:child :inputName=name

子組件:

(1)道具:{inputName: String

required: true

}

(2) Prop: [Enter name]

vue父子組件傳值

2.子組件將值$emit傳遞給父組件。

子組件:

span{{childValue}}/span

!-定義向子組件傳遞值的方法-

Input type=button value=click trigger @click=childClick

Export the default {data () {return {childValue: I am the data of the subcomponent.

}

},

methods: {childClick () {

this.$emit(childByValue, this.childValue)

}

}

}

vue父子組件傳值

關(guān)于親子組件價(jià)值傳遞,我們要分享的就這么多!

vue父子組件傳值,以上就是本文為您收集整理的vue父子組件傳值最新內(nèi)容,希望能幫到您!更多相關(guān)內(nèi)容歡迎關(guān)注。

本文來自網(wǎng)絡(luò),不代表海詩網(wǎng)立場,轉(zhuǎn)載請注明出處:http://x91880.com/n/169652.html
      

hdb3碼編碼規(guī)則(hdb3碼編碼規(guī)則)

發(fā)表回復(fù)
聯(lián)系我們
聯(lián)系我們

在線咨詢: QQ交談

郵箱: 3587015498@qq.com

工作時(shí)間:周一至周五,9:00-17:30,節(jié)假日休息

關(guān)注微信
微信掃一掃關(guān)注我們
微信掃一掃關(guān)注我們
關(guān)注微博
返回頂部