vue3中父组件调用方法修改子组件中的值

在Vue 3中，父组件调用子组件的方法修改子组件中的值可以通过使用expose和ref来实现。首先，在父组件中使用ref指令关联子组件，例如使用`<child ref="childComp"/>`将子组件与一个引用关联起来。接下来，你可以通过访问子组件实例的方式来修改子组件中的值。

在setup函数中，你可以使用`const childComp = ref(null);`来定义子组件实例，并确保这个名称与ref指令中的名称相同。然后，你可以通过调用子组件实例的方法来修改子组件中的值。

例如，你可以通过`childComp.value.state.title`来获取子组件的title数据，然后通过`childComp.value.play()`来调用子组件的play方法。这样，你就可以在父组件中调用子组件的方法来修改子组件中的值。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [关于vue3.2中父组件调用子组件的方法](https://blog.csdn.net/Gorgio_Liu/article/details/125045647)[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_1"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [vue3父组件调用子组件的方法](https://blog.csdn.net/weixin_42252416/article/details/128001894)[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_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]