父傳子:最簡單也是最基礎的一種數據傳遞方式
父組件:
圖片.png
父組件中調用子組件并將數據放入 datas 中傳給子組件,子組件通過 props 進行調用。
子傳父:
1、子組件調用父組件的方法:
父組件:
圖片.png
子組件:
圖片.png
2、ref 形式:
在父組件中調用子組件 CarItem,并命名 ref 屬性值為 changeState
圖片.png
在父組件中合適的地方觸發調用子方法的方法,然后開始與子組件通信,調用子組件中對應的方法。
圖片.png
子組件:
圖片.png
同級組件數據傳遞:
1、以父級作為中介進行傳遞。
2、pub /sub
A組件:
圖片.png
B組件:
圖片.png