vue非父子组件通信

在项目中可能遇到非父子组件之间需要相互联动，这个时候Vuex帮不上忙，我们需要借用一个新的Vue对象总为事件触发中间件

首先需要声明一个新的Vue对象保存到一个单独js文件bus.js

import Vue from 'Vue'

export default new Vue;

 然后再A组件中添加触发事件的联动事件绑定

IndexAChange(){
     // A的业务逻辑处理
      bus.$emit("midFunc");
}

然后添加B事件的监听绑定

//在created方法中添加监听
bus.$on("midFunc",()=>{
        //执行B组件自己的联动方法
       this.selfFunc();
})

 

 

参考：https://blog.csdn.net/bright2017/article/details/77837367