對于vue而言，以為其核心思想為前端組建化。所以組建之間的通信必不可少。

相信接觸過Angularjs的童鞋都知道angularjs的控制器之間的通信機制。

1:父傳子：官方的$broadcast()廣播的機制，發送廣播，它可以向下傳遞數據，比如，父控制器向子控制器傳遞數據，或者?$rootScope?向任意控制器傳遞數據。

2:子傳父：$emit();觸發事件，它可以向上傳遞數據，比如，子控制器向父控制器，還有控制器向?$rootScope

3:創建服務，借助第三方的服務機制，依賴注入進需要的地方

對于vue而言，保留了angularjs的一些思想。比如$emit()和$on()監聽事件。

廢話不多說，直接上代碼吧

一：父組建傳子組建：比如要把swiperImg的數據通過props的形式傳遞給子組建。如下圖

? ? ? ? ? ? ? ? ?

?

?

二：子組建傳父組建：子組建接到父組建的值以后修改了并且需要回傳給父組建就通過$emit()的觸發事件形式來監聽

? ? ? ? ? ??

?

?以上完全是個人觀點。如有不對請及時批評指正。

下次寫基于vuex的狀態管理機制的組建間傳值。其實也就是和angularjs里面自定義服務的機制有點類似。

?

轉載于:https://www.cnblogs.com/Gherardo/p/7798003.html

總結

以上是生活随笔為你收集整理的vue的父子组建之间的通信(-)，基于props和$emit之间的传递的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。