使用nuxt3 父组件调用子组件方法报错怎么回事?

Question

//子组件
<script lang="ts" setup>
const play = () => {
    console.log("调用成功")
}
defineExpose({
    play  //暴露
})
</script>

//父组件
<template>
  <basic ref="basicRef"/>
</template>
<script lang="ts" setup>
import basic from "./components/basic.vue";
let basicRef = ref<InstanceType<typeof basic>>(null)
basicRef.value.play()
</script>

报错

Answer 1

https://github.com/nuxt/nuxt/issues/15086
没找到具体的解决方法
但是问题就在于如果使用 useAsyncData或者useFetch 会影响defineExpose进行暴露

Answer 2

onMounted(() => {
  basicRef.value.play();
});

楼上：