请简述 Vue组件的通信（父子组件和非父子组件）？

Vue 组件间通信是 Vue.js 开发中非常重要的一部分。通信方式可以分为父子组件通信和非父子组件通信两种：

父子组件通信：

1. Props / $emit：父组件通过 props 向子组件传递数据，子组件通过 $emit 事件向父组件发送消息。
2. 子组件引用父组件方法：子组件可以通过 this.$parent 访问父组件实例，然后调用父组件的方法。
3. 事件总线：可以通过创建一个空的 Vue 实例作为事件总线，在其中 和emit和on 事件来进行父子组件通信。
4. Provide / Inject：父组件通过 provide 提供数据，子组件通过 inject 注入数据，适用于祖先和后代之间的通信。

非父子组件通信：

1. Event Bus：通过创建一个空的 Vue 实例作为事件总线，各个组件通过该实例来进行通信。
2. Vuex：Vuex 是 Vue.js 官方提供的状态管理库，可以在不同组件间共享状态。
3. attrs/listeners：在非父子组件之间传递数据时，可以使用 和attrs和listeners 来传递属性和监听器。
4. root/parent / $children：可以通过这些属性来访问组件的根实例、父组件和子组件，从而实现组件间的通信。
5. 事件总线：同样可以使用事件总线的方式来实现非父子组件之间的通信。

总的来说，Vue 组件间通信非常灵活，可以根据具体场景选择合适的通信方式。在实际开发中，根据需求和复杂度选择合适的通信方式，可以更好地组织和管理组件之间的交互。