美文网首页
vue事件总线

vue事件总线

作者: 酸辣土豆丝g | 来源:发表于2019-03-27 16:29 被阅读0次

在看别人项目的时候看到了这样的代码如下:

Vue.prototype.$bus = new Vue();

// A组件通过$emit触发当前实例上的事件
this.$bus.$emit('myChange');
// B组件通过$on监听当前实例上的自定义事件
this.$bus.$on('myChange', () => {
    // 拿到传过来的数据进行你的操作
});

后来通过百度了解到,这个叫vue事件总线。这样用的原因是,项目不是特别大用vuex的话就特别麻烦,然后就通过这种方式来实现组件之间的通信。

相关文章

  • Vue的事件总线

    事件总线是什么? EventBus 又称为事件总线。在Vue中可以使用 EventBus 来作为沟通桥梁的概念,就...

  • vue-vuex

    事件总线 Vue.prototype.bus = new Vue()console.log(this.bus)子组...

  • vue事件总线

    在看别人项目的时候看到了这样的代码如下: 后来通过百度了解到,这个叫vue事件总线。这样用的原因是,项目不是特别大...

  • vue 事件总线EventBus的概念、使用

    两个组件之间毫无关系,用到 vue 中的事件总线 EventBus的概念来传递数据 EventBus又称事件总线,...

  • VUE----事件总线

    vue像是一个由组件组成的金字塔,组件中需要信息的传递 1.父子组件通讯: 2.多级组件之间传递: 当多级组件之间...

  • vue的事件总线

    前言: 之所以写这篇文章呢,是因为我的项目中遇到的问题:在开发整个项目之前,没有考虑到会使用到 vuex状态管理的...

  • Vue事件总线(EventBus)

    阐述一下 VUE中 eventbus 的原理 解答:EventBus是消息传递的一种方式,基于一个消息中心,订阅和...

  • vue事件总线EventBus

    vue组件有父子组件通信:props兄弟组件通信:可以使用vuex,还可以使用事件总线eventBus 使用方法:...

  • Vue事件总线(EventBus)

    vue组件非常常见的有父子组件通信,兄弟组件通信。而父子组件通信就很简单,父组件会通过props向下传数据给子组件...

  • vue-事件总线

    VueComponent.prototype.proto === Vue.prototype 利用这个关系 mai...

网友评论

      本文标题:vue事件总线

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