vue组建通信的几种方式

什么是组件?

组件是 vue.js最强大的功能之一,而组件实例的作用域是相互独立的,这就意味着不同组件之间的数据无法相互引用。
组件的关系如下图
vue组建通信的几种方式
如上图所示,A 和 B、B 和 C、B 和 D 都是父子关系,C 和 D 是兄弟关系,A 和 C 是隔代关系(可能隔多代)。
下面来总结一下几种组建通信的方式:

1. 父传子

vue组建通信的几种方式
vue组建通信的几种方式

2.子传父

vue组建通信的几种方式
vue组建通信的几种方式

3.兄弟组件传参 vue组建通信的几种方式

4.vuex

vue组建通信的几种方式