1. 父組件向子組件傳值
image.png
父組件向子組件傳值:
1 給子組件通過(guò)自定義屬性綁定父組件需要傳遞的數(shù)據(jù).
2 在子組件中通過(guò)props屬性 獲取到子組件上的屬性值.
image.png
父組件的值傳遞給子組件 父組件值發(fā)生更改時(shí) 子組件當(dāng)中使用的也會(huì)更新.
但想在子組件中更改父元素傳來(lái)的值 是不允許的 不要再子組件中改變props的值.
2. 子組件向父組件傳值
-
在子組件的methods中定義事件函數(shù) 一般項(xiàng)目中肯定是你修改好什么信息 點(diǎn)擊之后傳給父組件的data里來(lái)處理.
事件函數(shù)中注冊(cè)自定義事件.
image.png -
在所對(duì)應(yīng)的子組件上寫(xiě)自己注冊(cè)的事件 同時(shí)帶上父組件中的一個(gè)函數(shù)(這個(gè)函數(shù)的第一個(gè)形參就可以拿到子組件傳遞的值了).
image.png -
通過(guò)父組件的methods中被觸發(fā)的方法接收子組件傳遞參數(shù).
image.png
