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