1. 程式人生 > 其它 >Vue-父元件向子元件傳值

Vue-父元件向子元件傳值

一、父元件向子元件傳值

      其實該問題是說子元件如何訪問父元件的屬性和方法?那麼根據對元件的理解,無非就是要解決兩個問題:

                 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屬性並賦值