vue3组件通信五种方式

方式一：props

props是实现父组件向子组件传递信息，props的数据是只读的。

使用实例：

父组件：

子组件：需要使用到defineProps方法去接受父组件传递过来的数据

 方法二：全局总线事件

全局事件总线$bus可以实现兄弟之间的通信

实例：

子组件1：接受子组件2传递的参数

子组件2：给子组件1传递参数

方法3：v-model进行通信

相当于给子组件绑定props，同时也相当于绑定了自定义事件

实例

父组件：（可以在传递多个参数）

子组件：

方法四：useAttrs

  如果和props同时使用的话props接受了的属性，useAttrs接受不到了就。

父组件：

子组件：

方法五：provide与inject

实现隔代之间的数据传递

爷爷组件：

 孙子组件：（可以对接受到的数据进行修改）

利用pinia实现组件之间的通信（和vuex类似）