美文网首页
vue组件通讯----event-bus

vue组件通讯----event-bus

作者: 三七_小九 | 来源:发表于2020-10-30 15:20 被阅读0次

            vue组件之间通讯,通过props和@event($emit('event'))的方式传递数据和改变数据,存在诸多不方便,因此可以采用事件总线的方式(event-bus)的方式注册监听和派发事件。

            具体步骤如下:

                1. 给vue原型上挂载一个vue示例(bus)

            2.在需要的地方注册监听事件

            3.派发事件

    总结:event-bus 解决了组件之间通讯的方式,但是组件直接通过props传值的方式还是没有解决,可以结合“provide-inject”的方式传递值

    参考code:https://github.com/wxStart/vueTestCode/tree/event-bus 测试代码地址

    相关文章

      网友评论

          本文标题:vue组件通讯----event-bus

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