組件是 vue.js最強大的功能之一，而組件實例的作用域是相互獨立的，這就意味著不同組件之間的數據無法相互引用。一般來說，組件可以有以下幾種關系：

組件之間的關系

如上圖所示，A 和 B、B 和 C、B 和 D 都是父子關系，C 和 D 是兄弟關系，A 和 C 是隔代關系(可能隔多代)。

針對不同的使用場景，如何選擇行之有效的通信方式？這是我們所要探討的主題。本文總結了vue組件間通信的幾種方式，如props、$emit、bus等。

父組件向子組件傳值

父傳子：props

{{staticMes}}

{{dynamicMes}}

子組件向父組件傳值(通過事件形式)

2、子傳父：事件

• 子組件觸發[$emit]事件,把數據作為參數帶上
• 父組件監聽事件,并獲取參數[數據]

{{total}}

兄弟組件：通過共同的父組件搭橋

通過共同的父組件，用事件把數據傳給父組件，再由父組件傳給子組件

子組件A的數據：{{childAMes}}

把子組件的數據穿個父組件 復制代碼

來自子ChildA的數據：{{childAMesShowInChildB}}

復制代碼

事件總線:Bus

創建一個Bus類[Vue.prototype.$bus = new Vue()]負責事件派發、監聽和回調管理

總結

以上是生活随笔為你收集整理的laydate组件 无法传值_Vue组件通信的几种方式的全部內容，希望文章能夠幫你解決所遇到的問題。

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