创建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版权协议,转载请附上原文出处链接和本声明。