【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';
相关推荐
KIKIiiiiiiii20 小时前
微信个人号开发中如何高效实现API二次开发
java·前端·python·微信
日月之行_20 小时前
Vite+:企业级前端构建的新选择
前端
山顶听风20 小时前
Flask应用改用Waitress运行
前端·笔记·python·flask
Tom Ma.20 小时前
使用腾讯云云开发(CloudBase)的云函数,删除云存储中指定目录下的过期文件
前端·javascript·腾讯云
麦麦大数据20 小时前
F031 Vue+Flask深度学习+机器学习多功能识别系统
vue.js·深度学习·flask
Hilaku21 小时前
技术、业务、管理:一个30岁前端的十字路口
前端·javascript·面试
Knight_AL21 小时前
大文件分片上传:简单案例(前端切割与后端合并)
前端·状态模式
雨过天晴而后无语21 小时前
HTML纯JS添加删除行示例一
前端·javascript·html
IT_陈寒21 小时前
Vue3性能翻倍秘籍:5个被低估的Composition API技巧让你开发效率飙升🚀
前端·人工智能·后端
袁煦丞21 小时前
N1+iStoreOS+cpolarN1盒子变身2048服务器:cpolar内网穿透实验室第653个成功挑战
前端·程序员·远程工作