vue props祖孙

在Vue中，props是用来实现父子组件之间传值的一种方式。它允许父组件将数据传递给子组件，并在子组件中使用这些数据。但是对于祖孙组件之间的传值，以前的方法是通过子辈作为中间人来传递值给孙辈。即祖辈将数据传递给子辈，子辈再将数据传递给孙辈。当孙辈想要改变祖辈的值时，需要先通过子辈进行数据传递。

然而，在Vue中也有一种更高级的方法来实现祖孙组件之间的传值，即使用provide和inject。通过在祖先组件中使用provide提供数据，在后代组件中使用inject接收数据。这种方式可以直接在祖先组件向孙子组件传递数据，而不需要通过子辈作为中间人。

所以，通过使用props和emit可以实现父子组件之间的传值，而使用provide和inject可以实现祖孙之间的传值。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [vue组件祖先/父亲/孙子传值：props, provide,inject,$attrs,$listeners,$emit,$on,](https://blog.csdn.net/qq_41357391/article/details/88430639)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* [浅谈Vue2.4.0 $attrs与inheritAttrs的具体使用](https://download.csdn.net/download/weixin_38704565/13132367)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]