Vue中同级组件之间的通讯方法（详解）

比如我想在userVue.vue中调用headVue中的方法

1.首先先创建一个avatarRealTime.js，来打开组件之间的通讯接口

avatarRealTime中代码如下：引入vue，暴露出来

import Vue from 'vue'
export default new Vue

2.在userVue.vue中引入avatarRealTime.js

注意！需要引入你自己创建的js才能生效，否则会报错！！！

import bus from "../../assets/js/avatarRealTime";

2.1在你需要调用同级组件方法的添加

 bus.$emit("navLeft", st.avatar);//$emit发送

3.headVue.vue也如步骤二引入js

在mounted(){}中添加如下代码 即可调用

_this=this
bus.$on("navLeft", function(msg) {//$on接收
      _this.userinfoAvatar(msg);
    });