Vue 兄弟组件通信

在 Vue 3 中，以下是五种常用的方法来实现兄弟组件之间的通信：

1. 使用共享状态（Shared State）：创建一个共享的数据仓库（store），可以使用 Vuex 或者 Vue 3 的新特性 Composition API 中的 reactive 或 ref 创建一个响应式的状态对象，并在兄弟组件中引入这个共享状态。通过修改共享状态的值，所有引用该状态的组件都会得到更新。

2. 使用事件总线（Event Bus）：创建一个全局的事件中心，在其中定义事件和相应的回调函数。兄弟组件通过事件中心进行通信，一个组件触发事件，另一个组件监听并响应事件。

3. 使用 $parent 和 $children 属性：通过访问组件实例的 $parent 属性可以直接访问父组件实例，通过访问父组件的属性或调用父组件的方法来实现通信。类似地，通过访问 $children 属性可以获取子组件实例的数组，从而与特定的子组件进行通信。

4. 使用 provide 和 inject：在父组件中使用 provide 提供数据，然后在兄弟组件中使用 inject 来接收这些数据。通过这种方式，兄弟组件可以共享提供的数据。

5. 使用第三方库：除了上述的 Vue 3 内置方法外，还可以使用第三方库来实现兄弟组件之间的通信。例如，可以使用 mitt 库来实现事件总线功能，或者使用 vue-demi 库中的 useSubscribe 和 usePublish 钩子函数来实现订阅和发布。

需要根据具体的需求选择合适的方法来实现兄弟组件之间的通信。每种方法都有其优缺点，根据项目的复杂度和需求来选择最适合的方式。