vue3 + typescirpt 项目下的 type 文件 和 .d.ts 作用分别是干什么的

在 Vue3 + TypeScript 项目中，`.d.ts` 文件和`type`文件的作用都是用来声明 TypeScript 类型的。

`.d.ts` 文件是 TypeScript 的声明文件，用于声明全局变量、全局函数、全局类型等。在 Vue3 中，我们可以使用 `.d.ts` 文件来声明 Vue 组件的 props、data、methods 等属性的类型：

declare module '*.vue' {
  import { DefineComponent } from 'vue'
  const component: DefineComponent<{}, {}, any>
  export default component
}

在上面的例子中，我们使用了 `declare` 关键字来声明一个模块，并使用 `module` 关键字来指定模块的名称。这个模块的作用是声明 Vue 组件的类型，其中 `DefineComponent` 是 Vue.js 提供的一个类型，用于定义组件的 props、data、methods 等属性的类型。

而 `type` 文件则是用来声明局部类型的。在 Vue3 中，我们可以使用 `type` 关键字来定义局部类型，比如：

type User = {
  name: string,
  age: number
}

const user: User = {
  name: 'John',
  age: 20
}

在上面的例子中，我们使用 `type` 关键字定义了一个 `User` 类型，并使用它来声明 `user` 对象的类型。

总的来说，`.d.ts` 文件和 `type` 文件都是用来声明 TypeScript 类型的，不同的是 `.d.ts` 文件用于声明全局类型，而 `type` 文件用于声明局部类型。