组件间常用通信方式:
父 -> 子:
传参: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(观察者模式)
网友评论