# 读官方文档学技术-Vue3父组件向子组件通讯不要盲目用props

读官方文档学技术-Vue3父组件向子组件通讯不要盲目用props

1. 先下结论:

父组件向子组件传递信息,如果是多层组件嵌套(父>子>孙>孙孙…) ,props逐级透传十分麻烦,props可用但不优雅,更推荐 provide/inject依赖注入的方式;

在**provide/inject依赖注入**中父组件向后代组件通讯,如果说props是传递,逐级透传的,那么依赖注入更准确来说是在父组件中与后代组件共享数据,可实现跨级共享;

2. 原因:

2.1. props逐级透传:

逐级透传,多层组件嵌套的情况,需要一层层传递到目标组件,十分麻烦,虽然大部分情况是点对点传递,但是涉及到多层组件通讯的情况,props用起来就不是那么优雅了

• props父传子适应组件间直接传递的情况:从图中可见,**props逐级透传**是十分麻烦的,需要一层层传递props,在每一层子孙组件中接收props和传递props#### 2.1.1. props逐级透传:组合式API +setup 语法糖代码实例:

//父组件 Root.vue-----------------------------------