【发布时间】：2021-12-30 23:53:53
【问题描述】：
【问题讨论】：
-
请参观以了解如何格式化代码。将代码和输出包含为文本，而不是图像！
标签： vuejs3
【发布时间】：2021-12-30 23:53:53
【问题描述】：
尝试使用Ref
import { Ref } from "vue"
const accountRef = Ref<InstanceTyp<typeof LoginAccount>>()
【讨论】：
Script setup默认不暴露在子组件中，如果需要使用子组件需要使用defineExpose API，如下：
export interface XXXAPI{
loginAction:typeof loginAction
}
const loginAction = ()=>{
// do something
}
defineExpose({
loginAction
})
父组件：
const accountRef = ref<XXXAPI>();
const handleClickLogin = () =>{
accountRef.value?.loginAction();
}
【讨论】：