梦想家们

关注

vue组件通信中央事件总线:$bus

梦想家们

关注

阅读 77

2022-03-12

1.全局事件总线$bus配置:


Vue.prototype.$event = this;

// moduleA.vue // 发送数据
methods: {
    sendData () {
        // 通过修改Vue原型链的方式注册
        this.$event.$emit('sendSata', "冬雨");
        // 直接注册在window上

    }

moduleB.vue //接受数据
mounted(){
  this.$event.$on('sendSata',  data=>{
  this.name = data;
}

相关推荐

zhaoxj0217

vue:通过bus(事件总线)任意组件之间通信

zhaoxj0217 136 0 0

豆丁趣

[vue] 全局事件总线 this.$bus.$emit this.$bus.$on ,可以实现任意组件间通信

豆丁趣 171 0 0

郝春妮

Vue任意组件通信之全局事件总线(GlobalEventBus)

郝春妮 77 0 0

以前干嘛去了

兄弟组件通信(vue-bus)(vue)

以前干嘛去了 68 0 0

唯米天空

vue组件通信,bus的使用。

唯米天空 107 0 0

冬冬_79d4

Vue组件学习之事件总线

冬冬_79d4 69 0 0

Star英

事件总线—Event Bus 使用及讲解

Star英 9 0 0

水沐由之

vue3从精通到入门19:事件总线Event Bus

水沐由之 35 0 0

自由情感小屋

Vue组件通信(组件的自定义事件、全局事件总线、消息订阅与发布、插槽、props)(八)

自由情感小屋 169 0 0

灵魂跑者

Vue2 中使用“全局事件总线“实现任意组件间通信

灵魂跑者 153 0 0

精彩评论(0)

0 0 举报