【ts】defineProps数组的类型声明

第一种:使用Record<string, unknown>

Record<string, unknown>表示一个对象,键是string类型,值是未知的

typescript 复制代码
import { defineProps, PropType } from 'vue';

const props = defineProps({
  dataList: {
    type: Array as PropType<Record<string, unknown>[]>,
    default: () => [],
  }
})

第二种:使用索引签名

索引签名表示任何键都是字符串,值可以是任何类型

typescript 复制代码
import { defineProps, PropType } from 'vue';

interface obj {
	[key: string]: unknown
}
const props = defineProps({
  dataList: {
    type: Array as PropType<obj[]>,
    default: () => [],
  }
})

PropType

PropType 是 Vue 提供的工具类型,用于定义复杂的 prop 类型

要使用,先安装

typescript 复制代码
npm install vue @vue/runtime-core

然后在页面中import

typescript 复制代码
import { PropType  } from 'vue';
相关推荐
LinDaiuuj40 分钟前
最新的前端技术和趋势(2025)
前端
paopaokaka_luck1 小时前
婚纱摄影管理系统(发送邮箱、腾讯地图API、物流API、webSocket实时聊天、协同过滤算法、Echarts图形化分析)
vue.js·spring boot·后端·websocket·算法·echarts
一只小风华~1 小时前
JavaScript 函数
开发语言·前端·javascript·ecmascript·web
程序猿阿伟2 小时前
《不只是接口:GraphQL与RESTful的本质差异》
前端·restful·graphql
仰望星空的凡人2 小时前
【JS逆向基础】数据库之MongoDB
javascript·数据库·python·mongodb
若梦plus3 小时前
Nuxt.js基础与进阶
前端·vue.js
樱花开了几轉3 小时前
React中为甚么强调props的不可变性
前端·javascript·react.js
风清云淡_A3 小时前
【REACT18.x】CRA+TS+ANTD5.X实现useImperativeHandle让父组件修改子组件的数据
前端·react.js
小飞大王6663 小时前
React与Rudex的合奏
前端·react.js·前端框架
若梦plus4 小时前
React之react-dom中的dom-server与dom-client
前端·react.js