父?jìng)髯樱鹤詈?jiǎn)單也是最基礎(chǔ)的一種數(shù)據(jù)傳遞方式
父組件:
圖片.png
父組件中調(diào)用子組件并將數(shù)據(jù)放入 datas 中傳給子組件最疆,子組件通過 props 進(jìn)行調(diào)用秕硝。
子傳父:
1、子組件調(diào)用父組件的方法:
父組件:
圖片.png
子組件:
圖片.png
2、ref 形式:
在父組件中調(diào)用子組件 CarItem匿垄,并命名 ref 屬性值為 changeState
圖片.png
在父組件中合適的地方觸發(fā)調(diào)用子方法的方法讽营,然后開始與子組件通信虎忌,調(diào)用子組件中對(duì)應(yīng)的方法。
圖片.png
子組件:
圖片.png
同級(jí)組件數(shù)據(jù)傳遞:
1橱鹏、以父級(jí)作為中介進(jìn)行傳遞膜蠢。
2堪藐、pub /sub
A組件:
圖片.png
B組件:
圖片.png