在vue3的<script setup>中使用ref获取子组件的getT方法

在Vue 3中，可以使用`ref`和`onMounted`钩子获取子组件的方法。假设子组件名为`ChildComponent`，其中有一个名为`getT`的方法，你可以按照以下步骤进行操作：

1. 在父组件中导入`ChildComponent`组件：

   import ChildComponent from '@/components/ChildComponent.vue'

2. 在`<script setup>`中使用`ref`创建子组件实例的引用：

   const childRef = ref(null)

3. 在`<template>`中将`ChildComponent`组件作为父组件的子组件，并使用`ref`将其绑定到`childRef`上：

   <ChildComponent ref="childRef" />

4. 在`onMounted`钩子中，通过`childRef.value`获取子组件实例，并调用`getT`方法：

   onMounted(() => {
     const childInstance = childRef.value
     childInstance.getT()
   })

完整代码示例：

<template>
  <ChildComponent ref="childRef" />
</template>

<script setup>
import ChildComponent from '@/components/ChildComponent.vue'
import { ref, onMounted } from 'vue'

const childRef = ref(null)

onMounted(() => {
  const childInstance = childRef.value
  childInstance.getT()
})
</script>