如何在 Vue3 组件中使用 TS 类型（必看）

一、为 props 标注类型

使用 

此时我们需要为一个子组件添加一个模板 ref，以便调用它公开的方法。（vue2中我们是通过给子组件设置ref属性，然后通过this.$refs.xxx.methods()来实现的），那这里如何实现呢？

为了获取 Modal 的类型，我们首先需要通过 typeof 得到其类型，再使用 TypeScript 内置的 InstanceType 工具类型来获取其实例类型：

父组件：

注意：子组件的ref值应该和下面定义的值保持一致，如：modalRef 

看点击按钮之后的效果： 

如何在 vue3 组件中使用 TS 类型的讲解就到此结束啦，有写的不对的地方，欢迎评论区指出哦~