A tiny simple central event bus plugin for Vue.js (requires Vue >= 2.0).
The plugin realise Non Parent-Child Communication.
(655 byte gzip)
Download and use with your build system
import VueBus from 'vue-bus'
// ... maybe ...
var VueBus = require('vue-bus')
// ... and ...
Vue.use(VueBus)Or just include it with a script tag
<script src="/vue-bus.js"></script>✨
direct way:
// in component A's method
this.$bus.$emit('my-event', 1)
// in component B's created hook
this.$bus.$on('my-event', function(arg) {
// ...
})
//And don't forget to use "this.$bus.$off" to remove unnecessary listeners.magic way:
// in component A's method
this.$bus=['my-event', 1]
// in component B create $bus option
methods: { /* ... */ },
$bus: {
'my-event': function(arg) {
// ...
}
}Copyright (c) 2017 fffixed