Vue父子組件通信

一、父傳子
1、可以在父組件上使用自定義屬性綁定數據;
2、在子組件中需要顯示的用props聲明自定義屬性名,然后就可以接收到父組件傳遞過來的數 據;demo(改變button上的value值)
二、子傳父
1、在子組件選項對象中通過$emit自定義事件;
2、在子組件標簽上通過@綁定定義好的自定義事件,及要執行的方法;
3、把子組件標簽上定義的方法,放在父組件的選項對象中,就可以接收到子組件修改過后的數據及狀態。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • Vue父子組件通信 Web中的組件其實就是頁面組成的一部分。 那組件之間的通信該怎么辦?這是個重點(必須掌握),同...
    程序員之路閱讀 663評論 0 2
  • Web中的組件其實就是頁面組成的一部分 父傳子 1、可以在父組件上使用自定義屬性綁定數據; 2、在子組件中需要顯示...
    L怪丫頭閱讀 222評論 0 1
  • Spring Cloud為開發人員提供了快速構建分布式系統中一些常見模式的工具(例如配置管理,服務發現,斷路器,智...
    卡卡羅2017閱讀 134,933評論 18 139
  • 在使用vue的過程中,如果需要進行父子組件間的通信,通過查閱官方文檔我們可以了解到只需要在子組件要顯式地用 pro...
    fisher_zh閱讀 473評論 0 1
  • 1.子組件獲取父組件data 子組件為bbb父組件為aaabbb想要獲取aaa里的msg,msg1 父組件調用子組...
    玄月府的小妖在debug閱讀 858評論 0 4