vue 组件通信方式

目录：

 1.父子组件

 2.爷孙组件

 3.任意组件

详情描述

1. 父子组件：

   直接使用属性（props）和事件进行通信。

   比如父组件传递一个props,就相当于给子组件进行了一次通信，子组件调用一个事件就相当于给父组件进行了一次通信。

2. 爷孙组件：

（1）直接使用两次父子组件；

（2）使用private+inject(依赖注入)的方法，比如爷爷提供一个东西，孙子呢就注入一个东西，进行函数的调用就可以通信了。

3. 任意组件：

（1）使用eventBus

 使用on监听，emit触发。缺点是一旦事件多了就很乱，难以维护。

（2）使用vuex,在vue3里面使用Proxy