8、声明文件

通过创建*.d.ts来创建声明文件，按需引入进行类型标注，例如：

// index.d.ts
export interface AreaInfo {
    startX: number,
    startY: number,
    width: number,
    height: number,
    left: number,
    top: number
}

export type User{
	id:number,
    name:string,
    phone:string
}

在页面中使用

<script lang="ts" setup>
import { reactive } from 'vue'
import {AreaInfo} from './index.d.ts'

const areaInfo = reactive<AreaInfo>({
    startX: 0,
    startY: 0,
    width: 0,
    height: 0,
    left: 0,
    top: 0
})
</script>