Vue父子組件通信
Web中的組件其實就是頁面組成的一部分魔招。
那組件之間的通信該怎么辦?這是個重點(必須掌握)五辽,同時也是一個難點(必須掌握)办斑。
詳細介紹,請往下看:
父傳子
1杆逗、可以在父組件上使用自定義屬性綁定數(shù)據(jù)乡翅;
2、在子組件中需要顯示的用props聲明自定義屬性名罪郊,然后就可以接收到父組件傳遞過來的數(shù)據(jù)蠕蚜;
demo(改變button上的value值):
子傳父
1、在子組件選項對象中通過$emit自定義事件;
2悔橄、在子組件標簽上通過@綁定定義好的自定義事件靶累,及要執(zhí)行的方法腺毫;
3、把子組件標簽上定義的方法挣柬,放在父組件的選項對象中潮酒,就可以接收到子組件修改過后的數(shù)據(jù)及狀態(tài);
demo:
不理解的邪蛔,照著demo好好敲遍急黎,其實很簡單O(∩_∩)O哈哈哈~