vue是組件化的框架,也就是說有一個根組件,然后由根組件可以衍生出很多子組件,共同組成一個頁面。此時就涉及到了組件間的通信,主要是數據的通信及方法的傳遞。
組件間通信有以下6種方式:
1.props/$emit;
最常用的組件通信方式,用於父子組件
2.$parent、$root/$children、ref;
用於父子組件
3.$attrs/$listeners;
用於跨級的組件,隔代組件,如父組件和孫組件
4.provide/inject;
用於跨級的組件,如父組件和他下面的所有子組件
5.$emit/$on;
中央事件總線,可用於無關系的組件
6.vuex
vue存儲數據的倉庫,用於任何時候,所有組件均可訪問。
組件通信可分為父子組件,父子的跨級組件,其他組件。