vue中关于兄弟组件和父孙组件之间的通信问题

方法一：

定义一个bus.js文件，在里面new 一个vue得实例对象

import Vue from 'vue'

const bus = new Vue();

export default  bus;
// 公共实例文件
// 主要用于兄弟组件之间的传值问题

在其它.vue文件中引用

import bus from './bus.js'

使用

// 发射
bus.$emit('事件', 参数)

// 接受
bus.$on('事件', 参数 => {
	
})

方法二(推荐）：

在main.js中挂载$bus

Vue.prototype.$bus = new Vue()

使用

this.$bus.$emit('事件', 参数)

this.$bus.$on('事件', 参数 => {
})