event plus with vue.js vue-keeper uses its own event queue, and not the Vue itself.
npm install vue-keeper --save-dev
import keeper from 'vue-keeper';
//or
var keeper = require('vue-keeper');
Vue.use(keeper);
If you use <script> to introduce vue-keeper. Can directly look at the next step.
var vm = new Vue();
//register
Vue.keeper.on(listener-name,'event-example',function(info){});//Global use
vm.keeper.on(listener-name,'event-example',function(info){});//Instantiation use
created() {
this.keeper.emit('event-example',"message");
this.keeper.once(listener-name,'event-example',function(){
console.log('This event will only trigger once')
});
}
//trigger
Vue.keeper.emit('event-example',"message");//Global use
vm.keeper.emit("event-example","message");//Instantiation use
methods: {
trigger:function(message) {
this.keeper.emit("event-example",message);
}
}
//destory
beforeDestroy() {
this.keeper.off(listener-name);
}
Vue.keepr.on(listener-name,event,function(params,event-name){})
//params is not necessary.
//event-name is necessary
Ditto，this event will only trigger once
Vue.keepr.emit(event,params);
//params is not necessary.
Vue.keepr.off(listener-name);