Vue-geb - Global Event Bus
Vue-geb is a vue Global Event Bus plugin to help broadcast events across the app using the power of observables.
Only add 5kb to the rxjs library.
Install
npm install --save vue-geb
Or
yarn add vue-geb
Use
In your main.js
:
import geb from 'vue-geb'
Vue.use(geb)
Basic usage
Access the Observable bus:
this$geb // Observable:Subject type
Emit Events in the bus:
this$geb
Listen to the Events in the bus:
thissub = this$geb
Listen to specific Events in the bus:
thissub = this$geb
Vue directive
Send
Notice how we use this.sub = ... .subscribe()
. You need to unsubscribe when your component unmount to avoid memory leaks.
{ ifthissub thissub }
Please check this example for a vue-geb modal usage.
Advanced
You can also access the same api as vm.$geb outside of vue context (same Event bus too):
gebHandler
This is useful for vue-geb usage in a state management library or any other js file.
Enjoy ! :)