vue事件总线

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

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

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

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 我来 TalkingData 实习已经六个月了。在这六个月期间,我独立完成了三个前端 SPA 项目,从 Vue 1...
    云之外阅读 6,007评论 1 18
  • 基于Vue的一些资料 内容 UI组件 开发框架 实用库 服务端 辅助工具 应用实例 Demo示例 element★...
    尝了又尝阅读 1,171评论 0 1
  • UI组件 element - 饿了么出品的Vue2的web UI工具套件 Vux - 基于Vue和WeUI的组件库...
    卞卞村长L阅读 1,722评论 0 8
  • 离开多年 不知 你是否曾记得 当初的容颜 我们走过的小道 经过的绿茵 以及那 相吻的地方 这么多年 我过得很颓废 ...
    向着标杆奔跑阅读 367评论 0 3
  • 亲爱的自己, 你好。从小到大一直觉得你没有什么自己的兴趣爱好,总是做着大人们觉得你应该做的事情,学习看书帮忙家务。...
    我是小小彦阅读 178评论 0 0