vue3 type 数组类型
时间: 2024-09-14 09:00:20 浏览: 48
在Vue 3中,TypeScript的类型系统可以用来定义组件中的数据类型。对于数组类型,你可以使用`Array`或者更简洁的泛型语法`T[]`来声明。这里`T`代表数组中元素的类型。例如:
```typescript
import { defineComponent } from 'vue'
export default defineComponent({
setup() {
// 声明一个包含字符串的数组
let stringArray: string[] = ['apple', 'banana', 'cherry']
// 声明一个包含数字的数组
let numberArray: Array<number> = [1, 2, 3]
// 声明一个包含对象的数组,对象具有特定的结构
let objectArray: Array<{ name: string; age: number }> = [
{ name: 'Alice', age: 25 },
{ name: 'Bob', age: 30 }
]
// 使用数组
console.log(stringArray[0]) // 输出第一个字符串
return {
stringArray,
numberArray,
objectArray
}
}
})
```
在Vue组件的`setup`函数中,你可以利用TypeScript的类型注解来明确指定不同数据结构的类型,从而提高代码的可读性和健壮性。
阅读全文