What is an event bus in Vue.js?

What is an event bus in Vue.js?

An event bus in Vue.js is a simple way to facilitate communication between components without direct parent-child relationships.

How do I implement an event bus in my Vue application?

You can create an event bus by instantiating a new Vue instance and using it to emit and listen for events.

Can you show me a code example?

Sure! Here's a basic example:

// event-bus.js
import Vue from 'vue';
export const EventBus = new Vue();

// In Component A
EventBus.$emit('eventName', data);

// In Component B
EventBus.$on('eventName', (data) => {
  console.log(data);
});

What are the advantages of using an event bus?

Using an event bus allows for decoupled components, making your application more modular and easier to maintain.