组件间的通信

组件间的通信:

1.同级组件间的通信:

（１）同级组件之间沟通的桥梁：vue实例，创建一个event.js,
里面引入vue实例
import vue from’vue’;
const vm=new vue();
export default vm;
（２）在各个要通信的同级组件中引入event.js
import vm from ‘…/event.js’;
（３）发送方：vm.$emit(‘随便创建的事件名＇，＇要传递的数据＇）；接受方：vm.$on(‘相同的事件名＇，＇回调函数＇）；

2.父子组件间的通信：

（１）父组件将数据传递给子组件

（２）子组件通过props选项进行接收:
props:{
info:{
type:String/Object
}
},

3.子组件向父组件传递信息：

类似于同级组件间的通信：
（１）在子组件中定义好要发送的数据，然后通过this.$emit(‘事件名称＇，要传递的数据）；
（２）父组件通过v-on：事件名称＝＂回调函数＂，监听到子组件传递过来的数据。