0
点赞
收藏
分享

微信扫一扫

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

E_topia 2022-05-30 阅读 99

背景:

        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 的实例来实现父子组件之间的通信

举报

相关推荐

0 条评论