Vue组件间有哪些复杂且实用的通信方式？

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

目录+前言+组件间通信场景+父子组件间的通信+通过prop向子组件传递数据+子组件通过自定义事件向父组件传递数据+兄弟组件间的通信+状态提升+跨代组件间的通信

目录

• 前言
• 组件之间通信的场景
• 父子组件之间的通信
• 父组件通过 prop 向子组件传递数据
• 子组件通过自定义事件向父组件传递数据
• 兄弟组件之间的通信
• 状态提升
• 隔代组件之间的通信
• attrs/attrs/listeners
• provide/inject
• 基于$parent/$children实现的dispatch和broadcast

前言

在Vue组件库开发过程中，Vue组件之间的通信一直是一个重要的话题，虽然官方推出的 Vuex 状态管理方案可以很好的解决组件之间的通信问题，但是在组件库内部使用 Vuex 往往会比较重，本文将系统的罗列出几种不使用 Vuex，比较实用的组件间的通信方式，供大家参考。