vue3+ts ref获取不到组件

如果你在 Vue 3 中使用 TypeScript 编写组件，那么你需要使用 `ref` 来获取组件实例。以下是一个获取组件实例的示例代码：

<template>
  <div>
    <MyComponent ref="myComponentRef" />
  </div>
</template>

<script lang="ts">
import { defineComponent, ref } from 'vue';
import MyComponent from './MyComponent.vue';

export default defineComponent({
  components: {
    MyComponent,
  },
  setup() {
    const myComponentRef = ref(null);
    
    // 在组件挂载后，通过 myComponentRef.value 获取组件实例
    const mounted = () => {
      console.log(myComponentRef.value);
    };
    
    return {
      myComponentRef,
      mounted,
    };
  },
});
</script>

在上面的代码中，我们通过 `ref` 声明了 `myComponentRef` 变量，并在模板中将 `MyComponent` 组件的引用赋值给了这个变量。在 `setup` 函数中，我们通过 `mounted` 函数打印了 `myComponentRef.value`，这样就可以获取到组件实例了。