Vue組件間常見通信方式

組件是vue.js最強大的功能之一，而組件實例的作用域是相互獨立的，這就意味着不同組件之間的數據無法相互引用。一般來說，組件可以有以下j幾種關係： 如上圖所示，A和B、B和C、B和D都是父子關係，C和D是兄弟關係，A和C是隔代關係（可能隔多代）。 針對不同的使用場景，如何選擇行之有效的通信方式，這是我們所要探討的主題。本文總結了vue組件間通信的幾種方式，如props、$emit / $on、vu

>>阅读原文<<