美文网首页
Vue的组件通信

Vue的组件通信

作者: wyc0859 | 来源:发表于2020-04-26 23:05 被阅读0次

    1、父组件向子组件 props

    用props进行组件间的通信可以轻而易举的实现父往子传值

    2、子组件向父组件 $emit

    使用$emit触发自定义事件,实现子向父传值

    3、爷孙孙孙组件 provide和inject

    不论组件层次有多深,并在起上下游关系成立的时间里始终生效。
    https://www.jianshu.com/p/6c76b8c741c2

    4、兄弟组件之间相互传递数据 Bus总线 $on和$emit

    https://www.jianshu.com/p/69fd4b19aeb3

    5、任意组件相互传递数据:兄弟、父子、爷孙 Vue.observable

    可以用作简单场景的最小跨组件状态存储
    https://www.jianshu.com/p/b4962f7fec07

    6、$parent 和 $children

    利用$children可以直接获取子组件的实例,利用$parent则可以直接获取到父组件的实例
    https://www.jianshu.com/p/e0d0125f8dd9

    7、VUEX

    相关文章

      网友评论

          本文标题:Vue的组件通信

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