VUE 组件之间通信

1.父子组件传参----父->子

在父组件中调用子组件并且把需要传给子组件的数据绑定上

<my-child :data="obj"></my-child>

在子组件中通过props接收，就可以在子组件中使用了

 props:['data']

2.子->父  子组件通过$emit 把数据发送给子组件

//在调用的子组件上绑定触发的事件selectWorkTeam
<my-child @selectWorkTeam="selectWorkTeam"/>
//在子组件触发的时间里写
this.$emit('selectWorkTeam', value);
//在父组件里通过selectWorkTeam事件接收值
selectWorkTeam: function(item) { 
	console.log("ssssssssssssssssssss:" + item)
	},
复制代码

3.兄弟组件之间传值

1.通过子到父，父到子进行兄弟组件传值，不在详细讲

2.通过中间件 进行传递

创建一个Vue的实例，让各个兄弟共用同一个事件机制。

 var vm = new Vue();  //定义一个空的对象    相当于第三方复制代码

兄弟1通过$emit 发送数据

send:function(){
                    vm.$emit('data-a',this.name);//发射
                  }复制代码

兄弟2 通过$on来进行建通接收

 vm.$on('data-a',item =>{   //接收   data-a接收名称    item参数
              this.nameA = item;
            })复制代码

3.vuex

转载于:https://juejin.im/post/5bd6ca9ef265da0ab873c77c