# Vue 中 8 种组件通信方式

# 组件之间的关系

了解组件通信方式之前先了解组件与组件之前的关系,基本上组件可以分为三种关系。

  • 父子关系:即一个组件包含一个组件,即为父子关系
  • 兄弟关系:有一个共同的父组件,即为兄弟关系
  • 隔代/无关系:隔代太多或者没有关系的组件

# 一、props / $emit

# 二、 $children / $parent

# 三、provide/ inject

# 四、ref / refs

# 五、eventBus

# 六、Vuex

# 七、localStorage / sessionStorage

# 八、$attrs 与 $listeners