vue中常用通信方式

組件間常用通信方式:

父 -> 子:
傳參:props, <button :label="給子組件的數據" />
獲取子方法: ref, const childValue = refValue.childFun();

子 -> 父:
emit, emit(‘submit', 給父組件的數據)

兄弟:
pinia, 兄:store.setA(), 弟:{{store.a}}
利用父組件做中介進行傳遞
<兄 :label="弟的參數"/> <弟 @change="change父" />
change父 = (弟的返回值) => { 弟的參數 = 弟的返回值 }

通用:
pinia/vuex/storage/event bus(觀察者模式)

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章