Vue组件间通信方法有哪些？

本文共计1982个文字，预计阅读时间需要8分钟。

前言：除了使用Vuex方法外，vue提供了各种组件间通信的方案。文章整体梳理一下父子组件、兄弟组件、祖先后代组件间是如何通信的。

父子组件通信：

1.父子组件通信通过props和$emit实现。

2.父组件向子组件传递数据，子组件通过props接收。

3.子组件向父组件传递数据，子组件通过$emit发射事件，父组件监听该事件并处理。

兄弟组件通信：

1.兄弟组件通信可以通过一个公共的父组件来实现。

2.父组件接收兄弟组件的数据，然后将其传递给另一个兄弟组件。

3.或者使用Event Bus、Vuex等全局状态管理工具实现兄弟组件通信。

祖先后代组件通信：

1.祖先后代组件通信可以通过$refs实现。

2.祖先组件通过$refs获取到后代组件的实例，然后调用后代组件的方法或访问后代组件的属性。

3.或者使用Event Bus、Vuex等全局状态管理工具实现祖先后代组件通信。

前言

除了使用 Vuex 方法外，vue 提供了各种各样的组件间通信的方案。文章整理一下父子组件、兄弟组件、祖先后代组件间是如何通信的。