美文网首页
vue中常用通信方式

vue中常用通信方式

作者: 张中华 | 来源:发表于2022-12-10 22:44 被阅读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(观察者模式)

相关文章

网友评论

      本文标题:vue中常用通信方式

      本文链接:https://www.haomeiwen.com/subject/uzqrwrtx.html