组件通信方式

组件通信方式有：vuex，ref，父子通信（父传子、子传父），兄弟通信(eventBus)， 祖先后代通信（依赖注入）

父传子：父组件内：在子组件标签上设置自定义属性传递数据，

子组件内：子组件通过props接收数据

子传父： 父组件内：在子组件标签上设置自定义事件 @自定义事件名=" 函数"

子组件：子组件内通过：$emit('自定义事件名‘，参数1，参数2')

子组件标签绑定单击事件触发父组件的方法

兄弟通信：创建一个谁都能访问事件总线（里面是空的vue实例）

接受数据（使用数据）方，通过$on事件

发送数据（发送方），通过$emit事件

祖先后代通信：

依赖注入

孙子组件用inject接收数据

父组件 导入 注册孙子组件

祖先组件：通过provide提供数据，导入 注册父组件