vue的組件通信,六種方式


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

 

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

1.props/$emit;

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

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

用於父子組件

3.$attrs/$listeners;

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

4.provide/inject;

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

5.$emit/$on;

中央事件總線,可用於無關系的組件

6.vuex

vue存儲數據的倉庫,用於任何時候,所有組件均可訪問。
 
 
組件通信可分為父子組件,父子的跨級組件,其他組件。
 
 
 
 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM