大家开发的时候,基本都会把TS类型抽取出来,然后每次都要把TS的类型导出,再引入后使用,这样会很麻烦,那么有没有办法可以直接使用,不用导出导入,下面这个方法可以实现。
1.在src平级的目录下新建一个types文件夹,在此文件夹下新建一个以.d.ts结尾的ts文件,例如table.d.ts,文件内写入你需要的TS类型
interface perObj {
name:string
age:number
height: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>