vue3 ts interface 定义数组

在Vue3中使用TypeScript定义数组的方式有多种，其中一种是使用接口（interface）来定义数组元素的类型。下面是一个示例代码：

interface Book {
  name: string;
  bookType: string;
  grade: number;
}

const books: Book[] = [
  { name: '三体1', bookType: '科幻', grade: 9.1 },
  { name: '三体2', bookType: '科幻', grade: 9.2 },
  { name: '三体3', bookType: '科幻', grade: 9.3 },
];

console.log(books[0].name); // 输出：三体1

在上面的代码中，我们定义了一个名为Book的接口，它包含了三个属性：name、bookType和grade。然后我们使用Book[]来定义一个Book类型的数组books，并初始化了三个元素。最后我们输出了books数组中第一个元素的name属性。