Vue组件:父子通信,子父通信,非父子通信

在vue中只存在两种关系，即 父子关系和非父子关系，而组件通信也有三种情况:
1.父子通信
2.子父通信
3.非父子通信

想要贯通子父通信和非父子通信，首先要知道什么是自定义事件

1.自定义事件

只要组件标签上绑定的有事件，别管什么事件，他都是自定义事件

$emit 触发自定义事件

this.$emit('自定义事件名', '要传递的数据')	  

$on 监听自定义事件

this.$on('自定义事件名',(data)=>{
})

上面的data就是在$emit中，传递过来的数据,事件触发后想要执行相关操作，一定要先监听再触发。

this.$emit和this.$on的this必须是同一个实例对象，组件中的this及new Vue都包含$emit和$on