Vue中父子组件的几种通信方式

背景：

        

       

实现方式：

         如上图所示，A组件嵌套B组件，按照Vue的开发习惯，父子组件通信可以通过以下几种方式实现：

               1、A to B 通过props 的方式向子组件传递。B to A 通过在 B组件中 的$emit ，A组件的@ 或者 $on 来实现，具体参见 vue中props（父组件传递数据给子组件）的使用  和  vue中子组件传递数据给父组件的几种方式

               2、通过Vuex 状态管理，以实现父子组件之间的通信，详见 通过Vuex共享状态实现父子组件之间的通信 

               3、通过Vue Event Bus ,也就是Vue 的实例来实现父子组件之间的通信，详见 通过Vue 的实例来实现父子组件之间的通信