vue3 调用子组件方法

在Vue3中，要调用子组件的方法，可以通过使用`ref`和`setup`来实现。首先，在父组件中引入子组件，并在模板中使用子组件的标签。然后，在`setup`中创建一个`ref`变量来获取子组件的实例。接下来，可以通过`ref`变量来调用子组件的方法。

例如，在父组件的`setup`中，可以这样调用子组件的方法：

import { ref } from 'vue';
import Child from './Child.vue';

const child = ref();

const ChildEvent = () => {
  child.value.hello('调用子组件的方法');
}

在这个例子中，`child`是一个`ref`变量，它获取了子组件的实例。然后，可以通过`child.value`来访问子组件的方法。在这里，我们调用了子组件的`hello`方法，并传递了一个字符串参数。

需要注意的是，在子组件中，需要使用`defineExpose`来暴露子组件的方法。这样，父组件才能够调用子组件的方法。

综上所述，以上代码可以实现在Vue3中调用子组件的方法。
#### 引用[.reference_title]
- *1* [vue3 调用子组件的方法](https://blog.csdn.net/qq_38946996/article/details/127988861)[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^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* *3* [Vue3父子组件相互调用方法](https://blog.csdn.net/weixin_55992854/article/details/129029989)[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^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]