vue3组件通信的8种方式

1. Props/Attributes: 父组件通过props向子组件传递数据，子组件可以通过props接收数据并使用。

2. Events/Custom Events: 子组件通过触发自定义事件，向父组件传递数据或通知父组件发生了某个事件。

3. Provide/Inject: 父组件通过provide提供数据，子孙组件通过inject来注入数据，实现跨层级组件通信。

4. $attrs/$listeners: 可以在子组件中通过$attrs接收父组件传递的所有属性，并使用$listeners接收父组件的事件监听器。

5. EventBus/EventHub: 创建一个全局事件总线实例，组件通过发布和订阅事件来进行通信。

6. Vuex: Vue的官方状态管理库，可以用于在多个组件之间共享和管理状态。

7. $refs: 父组件可以通过ref给子组件添加一个引用，然后可以通过$refs来直接访问子组件的属性和方法。

8. LocalStorage/SessionStorage/Cookies: 使用浏览器本地存储方式，在不同的组件中共享数据。