vue2中使用事件总线(EventBus)传值

EventBus是什么

EventBus 又称为事件总线。在Vue中可以使用 EventBus 来作为沟通桥梁的概念,就像是所有组件共用相同的事件中心,可以向该中心注册发送事件或接收事件,所以组件都可以上下平行地通知其他组件,但也就是太方便所以若使用不慎,就会造成难以维护的“灾难”,因此才需要更完善的Vuex作为状态管理中心,将通知的概念上升到共享状态层次。

EventBus存在的弊端

vue是单页应用,某一个页面刷新了之后,与之相关的EventBus会被移除,如果业务有反复操作的页面,EventBus在监听的时候就会触发很多次,所以在vue页面销毁时,同时移除EventBus事件监听。

EventBus使用

vue2 中使用事件总线

新建bus.js

import Vue from "vue";
const Bus = new Vue
export default Bus;

在需要的组建中引用,如果在A组件中调用B组件
A组件


 


在B组件中




你可能感兴趣的:(vue.js,javascript,前端)