在vue项目中使用ts定义复杂数组

在Vue项目中，使用TypeScript (TS) 定义复杂数组通常涉及到嵌套的对象、枚举或其他自定义数据结构。下面是一个例子，展示如何定义一个包含用户信息的复杂数组：

// 用户模型
interface User {
  id: string;
  name: string;
  email: string;
}

// 复杂数组类型，可能包含不同类型的数据
type ComplexData = Array<{
  type: 'user' | 'post'; // 可能有多种类型
  data: User | Post; // 用户对象或自定义Post对象
}>

// 如果有自定义的Post对象
interface Post {
  postId: string;
  title: string;
  createdAt: Date;
}

// 使用复杂数组
const complexArray: ComplexData = [
  { type: 'user', data: { id: '1', name: 'John Doe', email: 'john@example.com' } },
  { type: 'post', data: { postId: '2', title: 'New Post', createdAt: new Date() } }
];

在这个例子中，`ComplexData`是一个数组，每个元素都是一个对象，包含一个`type`属性用于标识内容类型（用户或帖子）以及一个对应的内容数据。通过这种方式，可以在编写代码时明确地指定数组元素的结构，提高代码的可读性和维护性。