vue父組件異步數據子組件接收遇到的坑


 大家都知道父組件給子組件傳值,子組件給父組件傳值,兩者通信並不難,官網上也有給案例,但是如果子組件想拿到父組件的異步數據,常規的寫法是不行的,下面我記錄我常用的兩者寫法;

方法1:

子組件用v-if,當父組件有數據才渲染;

data里面定義好要傳入的對象,默認值可以是空字符串也可以是空對象;

子組件props接收父組件傳來的參數,然后就可以用this.echartsData獲取父組件的值並且使用了

 

方法2:

子組件用wach,並且加上deep屬性,可以直接在handler里面傳入在子組件定義好的方法;

 

最后總結一下,為啥在子組件的mounted里面拿不到父組件傳過來的異步數據,因為父子組件的加載順序是這樣的,如下圖

 

其實很好理解這是我朋友給我的形象的解釋

所以說子組件比父組件先mounted,這也就是為啥在子組件的mounted鈎子函數里面拿不到父組件傳過來的異步數據;

最后,謝謝我的friends wu and teacher yang,以上純屬個人拙見,還望廣大網友包涵,如有意見歡迎評論,指出,謝謝

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM