Vue.js global event bus example

main.js

import Vue from 'vue'

// Create the event bus by creating a new Vue instance and 
// binding it somehwere accessible. If you bind it to the
// Vue prototype, you can access it within your components
// like this:
//
// Emit an event
// this.$bus.$emit('myEvent', {data: true})
//
// React to an event
// this.$bus.$on('myEvent', (message) => {console.log(message})
Vue.prototype.$bus = new Vue({})

new Vue({
  el: '#app',
  template: '<App/>',
  components: { App }
})