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