Vue 全局使用Bus

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)=>{
})  //绑定事件