Vue.js global event bus

Question

I am trying to create a global event bus so that two sibling components can communicate with each other. I have searched around; however, I cannot find any examples of how t

Answer 1

This is answered long back, here is my solution using in vue.js-2

main.js

import Vue from 'vue'
import App from './App'

export const eventBus = new Vue({
  methods:{
    counter(num) {
      this.$emit('addNum', num);
    }
  }
});

new Vue({
  el: '#app',
  template: '',
  components: { App }
});

comp1.vue

//Calling my named export
import { eventBus } from '../../main'