父子組件通信傳值的方式有三種:@Input,@Output,@ViewChild。按照順序來分享各自的不同:
一:@Input方式(可以傳值不傳方法吃沪,父傳子)
? ? ? ? 1拥褂,傳值。我總結(jié)為:申明---綁定---導(dǎo)入(接收)---引用,前面兩步是在父組件完成比肄,后面兩步是在子組件完成男翰。
? ? ? ?二:@Output方式(子組件調(diào)用父組件方法另患,調(diào)用的時(shí)候子可以傳值給父組件)
? ? ? ? 過程是:子:導(dǎo)入----實(shí)例化---引用——父:綁定-----有函數(shù)執(zhí)行。如圖:
三:子傳父(父組件主動(dòng)獲取子組件的數(shù)據(jù)和方法)
1租冠,父組件直接調(diào)用子組件方法鹏倘,非通過調(diào)用父組件自己的方法。(一般只傳方法)
? ? ? 方法的傳遞過程:子組件申明方法——父組件調(diào)用子組件的過程中直接命名調(diào)用
2肺稀,父組件間接調(diào)用子組件方法第股,通過調(diào)用父組件自己的方法來實(shí)現(xiàn)应民。(可傳方法话原,數(shù)據(jù))
? ?2.1傳遞過程