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哈哈哈~