bus.js

创建bus.js文件

// bus.js文件内容
import Vue from 'vue'
const Bus = new Vue()
export default Bus

全局引入bus.js

import Bus from '@/api/bus' 
Vue.prototype.$bus = Bus

局部引入

import Bus from '@/api/bus'

a组件中 

this.$bus.$emit("busEvent");

b组件中接收

mounted: function () {
    //用局部引用的时候 this.$bus改成Bus,跟上面引用的名字一样
    this.$bus.$off("busEvent").$on("busEvent", () => {
          console.log('bus')
          this.getData()
    });
},
beforDestroy(){
    this.$bus.$off("busEvent");  //当这个组件销毁的时候bus也跟着一起销毁
}


版权声明:本文为m0_68275786原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。