Vue父組件數據流向子組件:通過prop傳遞方法


適用於子組件需要使用父組件方法的場景,常見於事件回調。方法實質也是對象數據,所以和通過prop傳遞數據相類似
1、父組件中定義methods方法;
2、在父組件中使用子組件時,將methods中的方法作為子組件的屬性(v-bind)傳遞過去。
3、在子組件中聲明可接受的prop屬性(數組);
4、在子組件中就像使用自身methods一樣使用傳遞過來的prop屬性,例如作為事件監聽器(v-on)的事件監聽方法(回調)中使用;
函數傳遞過程中this指向變化問題
父組件


子組件
Button元素綁定了鼠標單擊事件監聽器,鼠標單擊是觸發add事件處理器,再事件處理器中使用了父組件傳遞過來的方法

 

 

 

 

 


免責聲明!

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



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