该函数返回(构造) 由某个构造函数构造出来的实例类型组成的类型
【vue中的instanceType用法】父组件用ref获取子组件时,通过 instanceType获取子组件的类型
父组件获取子组件方法
<!-- MyModal.vue -->
<script setup lang="ts">
import { ref } from 'vue'
const open = () => { console.log(1111)}
//子组件一定要暴露出去
defineExpose({
open
})
</script>
<!-- App.vue -->
<template>
<MyModal ref='myModal'/>
</template>
<script setup lang="ts">
import MyModal from './MyModal.vue'
//一定要和 子组件的 ref 名称一致,否则获取不到
const myModal = ref<InstanceType<typeof MyModal> | null>(null)
const openModal = () => {
myModal.value?.open()
}
</script>