大家都知道父組件給子組件傳值,子組件給父組件傳值,兩者通信並不難,官網上也有給案例,但是如果子組件想拿到父組件的異步數據,常規的寫法是不行的,下面我記錄我常用的兩者寫法;
方法1:
子組件用v-if,當父組件有數據才渲染;
data里面定義好要傳入的對象,默認值可以是空字符串也可以是空對象;
子組件props接收父組件傳來的參數,然后就可以用this.echartsData獲取父組件的值並且使用了
方法2:
子組件用wach,並且加上deep屬性,可以直接在handler里面傳入在子組件定義好的方法;
最后總結一下,為啥在子組件的mounted里面拿不到父組件傳過來的異步數據,因為父子組件的加載順序是這樣的,如下圖
其實很好理解這是我朋友給我的形象的解釋
所以說子組件比父組件先mounted,這也就是為啥在子組件的mounted鈎子函數里面拿不到父組件傳過來的異步數據;
最后,謝謝我的friends wu and teacher yang,以上純屬個人拙見,還望廣大網友包涵,如有意見歡迎評論,指出,謝謝