vue-option-events
v2.0.1
Published
Bring Vue.js 1 events option and $emit to Vue.js 2.
Downloads
66
Maintainers
Readme
vue-option-events
Bring Vue.js 1 events option and $emit to Vue.js 2.
Install
npm install vue-option-events --save
Basic Usage
Install plugin
import Vue from 'vue';
import vueOptionEvents from 'vue-option-events';
Vue.use(vueOptionEvents);
Set events
option
Component A
new Vue({
methods: {
show(hiMessage) {
console.log(hiMessage);
}
},
events: {
hello(helloMessage) {
console.log(helloMessage);
},
hi: 'show'
}
});
Component B
new Vue({
methods: {
send() {
this.$emit('hello', 'world');
this.$emit('hi', 'world');
}
}
});
Use as global event bus
new Vue({
methods: {
send() {
this.$event.$emit('hello', 'world');
}
}
});
Emit events from any where
import eventBus from 'vue-option-events';
eventBus.$emit('hello', 'world');
Options
Vue.use(vueOptionEvents, {
keepAlive: false
});
keepAlive
enable if you want keep handling events on inactive keep-alive components, defaultfalse