大家开发的时候,基本都会把TS类型抽取出来,然后每次都要把TS的类型导出,再引入后使用,这样会很麻烦,那么有没有办法可以直接使用,不用导出导入,下面这个方法可以实现。
1.在src平级的目录下新建一个types文件夹,在此文件夹下新建一个以.d.ts结尾的ts文件,例如table.d.ts,文件内写入你需要的TS类型
interface perObj {name:stringage:numberheight:number
}
2.在tsconfig.json文件内,的include属性里新增加"types/**/*.d.ts",具体代码如下
"include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue","types/**/*.d.ts"],
3.现在table.d.ts文件中所有的ts类型都是全局的,可以随意使用
<template><div>{{obj}}</div>
</template><script setup lang="ts">
import { ref } from 'vue';let obj = ref<perObj>({name:'何志伟',age:18,height:180
})</script>