vue 父组件和子组件传值/传递事件/调用事件

父子组件关系总结：prop向下传递，事件向上传递。父组件通过prop向子组件下发数据，子组件通过事件向父组件发送信息。
每个vue实例都实现了事件接口：通过$on(eventName)监听事件。使用$emit(eventName,optionalPayload)触发事件。父组件可以在使用子组件的地方直接用v-on来监听子组件触发的事件。
1，父组件向子组件传值 通过props数组
父组件：

2，子组件

2，子组件向父组件传值 通过$emit()触发事件向父组件传值。
父组件：定义一个自定义事件getChildFunc，事件名为getChildFunc，接收子组件传递过来的数据。

子组件：添加一个click事件，当点击时使用$emit触发事件，将数据传递给父组件

2，兄弟组件传值：
1，建立一个中间桥梁eventVue.js

import Vue from 'vue'
export default new Vue

2，在兄弟组件一中引入：
兄弟组件一：
第一步：引入eventVue.js

第二步：

    
{{ sendMsgChild }}
  
 

兄弟组件二：

父组件中引入两个组件：

3，父组件调用子组件的事件
子组件：

父组件：$refs 父组件获取子组件实例，进而调用子组件方法或者直接修改子组件属性：

$emit() 子组件调用父组件的方法
1，子组件：

父组件：