Vue Bus 全局使用
1、创建bus.js 文件
src/service/bus.js
const install = (Vue) => {
const Bus = new Vue({
methods: {
on (event, ...args) {
this.$on(event, ...args);
},
emit (event, callback) {
this.$emit(event, callback);
},
off (event, callback) {
this.$off(event, callback);
}
}
})
Vue.prototype.$bus = Bus;
}
export default install;
2、maix.js文件中引入
import Bus from "@/service/bus";
Vue.use(Bus);
3、组件中使用
this.$bus.emit('Config_forms',data) //触发该方法
this.$bus.off('Config_forms') //解绑事件
this.$bus.on('Config_forms',(data)=>{
}) //绑定事件