vue的組件通信，六種方式

vue是組件化的框架，也就是說有一個根組件，然後由根組件可以衍生出很多子組件，共同組成一個頁面。此時就涉及到了組件間的通信，主要是數據的通信及方法的傳遞。

 

組件間通信有以下6種方式：

1.props/$emit;

最常用的組件通信方式，用於父子組件

2.$parent、$root/$children、ref;

用於父子組件

3.$attrs/$listeners;

用於跨級的組件，隔代組件，如父組件和孫組件

4.provide/inject;

用於跨級的組件，如父組件和他下面的所有子組件

5.$emit/$on;

中央事件總線，可用於無關係的組件

6.vuex

vue存儲數據的倉庫，用於任何時候，所有組件均可訪問。

 

 

組件通信可分爲父子組件，父子的跨級組件，其他組件。