VUE借助中间桥梁实现非父子组件通信

新建一个新的vue实例,通过$emit 与$on实现沟通 

//eventBus.js

VUE借助中间桥梁实现非父子组件通信_第1张图片

 

//组件A

import Bus from '@/utils/eventBus';

//使用时
 Bus.$emit('change','参数');

//组件B

import Bus from '@/utils/eventBus';

//在mounted钩子里调用 

mounted(){
    const that = this //要定义that 不然直接this会拿不到methods里的方法
     bus.$on('change', function(id) {
      that.getList();
    })
}


 

你可能感兴趣的:(js,vue)