Vue 中 8 种组件通信方式

组件之间的关系

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

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

一、props / $emit

二、 $children / $parent

三、provide/ inject

四、ref / refs

五、eventBus

六、Vuex

七、localStorage / sessionStorage

八、$attrs 与 $listeners