Vue 中 8 种组件通信方式
组件之间的关系
了解组件通信方式之前先了解组件与组件之前的关系,基本上组件可以分为三种关系。
- 父子关系:即一个组件包含一个组件,即为父子关系
- 兄弟关系:有一个共同的父组件,即为兄弟关系
- 隔代/无关系:隔代太多或者没有关系的组件
一、props / $emit
二、 $children / $parent
三、provide/ inject
四、ref / refs
五、eventBus
六、Vuex
七、localStorage / sessionStorage
八、$attrs 与 $listeners