學(xué)習(xí)使用Vue過程中涉及到組件間通信方式的區(qū)別,做一個學(xué)習(xí)記錄總結(jié)
父子組件通信
父 > 子 : 通過 Prop 向子組件傳遞數(shù)據(jù)
使用 v-bind 來動態(tài)傳遞父元素的 props給子元素子 > 父 : 通過事件向父級組件發(fā)送消息
我們可以調(diào)用內(nèi)建的$emit
方法并傳入事件的名字暴浦,來向父級組件觸發(fā)一個事件块饺,然后使用v-on
在組件上監(jiān)聽這個事件,就像監(jiān)聽一個原生 DOM 事件一樣
祖孫組件通信
祖孫組件之間其實不存在直接通信傳遞方法藕溅,我們可以選擇使用二次傳遞父子通信方式來達成目的
同級組件通信
同級組件不能直接傳值,需要一個中間橋梁,可以先將數(shù)據(jù)傳遞給公共的父組件锌介,然后父組件再將數(shù)據(jù)傳遞給需要的子組件。
image.png