vue中常用通信方式

2022-12-10  本文已影响0人  张中华

组件间常用通信方式:

父 -> 子:
传参: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(观察者模式)

上一篇 下一篇

猜你喜欢

热点阅读