Vue-父元件向子元件傳值
阿新 • • 發佈:2022-05-12
一、父元件向子元件傳值
其實該問題是說子元件如何訪問父元件的屬性和方法?那麼根據對元件的理解,無非就是要解決兩個問題:
1父元件如何傳值給子元件?
2子元件如何獲取父元件傳遞過來的值?
幾種通訊方式無外乎以下幾種:
1Prop(常用)
2$emit(元件封裝用的較多)
3.sync語法糖(較少)
4.$attrs和$listeners(元件封裝用的較多)
5.provide和inject(高階元件/元件庫用的較多)
6其他方式通訊
二父元件向子元件傳值
1建立子元件,在src/components/資料夾下新建一個Child.vue
2Child.vue的中建立props,然後建立一個名為message的屬性
3.在App.vue中註冊Child元件,並在template中加入child標籤,標籤中新增message屬性並賦值