vue的$on 和 $emit 兄弟组件间通讯

vue的$on 和 $emit 兄弟组件间通讯

创建一个文件bus.js ,在里面new 一个vue实例

import Vue from 'vue'
export var bus = new Vue()

在组件中分别引入，创建的文件vue实例

import { bus } from './bus.js'

在其中一个组件中进行发送

bus.$emit('steps1ToSteps2', {
	cprojectList: this.tableData
})

在另个组件中进行接收

//两种接收的方式
第一种
var _this = this;
Event.$on('steps1ToSteps2',function(msg){
		_this.a=msg;
});
第二种
Event.$on('steps1ToSteps2',function(msg){
		this.b = msg;
}.bind(this))