vue父子組件傳值, 父子組件是將另一個vue文件引入一個vue文件。引入的vue文件是子組件,引入的vue文件是父組件。以下是父子組件值傳遞的具體操作。
1.父節(jié)點(diǎn)將值屬性傳遞給子節(jié)點(diǎn)。
父組件:child :inputName=name
子組件:
(1)道具:{inputName: String
required: true
}
(2) Prop: [Enter name]
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)
}
}
}
關(guān)于親子組件價(jià)值傳遞,我們要分享的就這么多!
vue父子組件傳值,以上就是本文為您收集整理的vue父子組件傳值最新內(nèi)容,希望能幫到您!更多相關(guān)內(nèi)容歡迎關(guān)注。