5.全局ts类型的抽取

大家开发的时候，基本都会把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>