vue3 ts 声明接口

在 Vue 3 中使用 TypeScript 声明接口的方式与在普通的 TypeScript 项目中一样。以下是一个示例：

// 定义一个接口
interface User {
  id: number;
  name: string;
  age: number;
}

// 在组件中使用接口
export default {
  data() {
    return {
      user: {} as User, // 使用类型断言将 user 声明为 User 类型
    };
  },
};

在上面的示例中，我们定义了一个名为 `User` 的接口，该接口具有 `id`、`name` 和 `age` 三个属性。在组件中，我们使用类型断言将 `user` 声明为 `User` 类型，并初始化为空对象。

这样，在组件中使用 `user` 变量时，TypeScript 将会对其进行类型检查，确保其符合 `User` 接口的定义。这可以提供更好的代码提示和类型安全性。

需要注意的是，Vue 3 中的组件选项 API 支持使用 TypeScript 进行类型推导，因此你无需显式地为组件的 props、data 等属性声明类型，Vue 会根据上下文自动推导出类型。但是，如果你希望明确指定类型或者定义自己的接口，仍然可以按照上述方式进行声明。