美文网首页
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