defineProps 只能是要么使用运行时声明,要么使用typescript类型声明。
同时使用两种声明方式会导致编译报错。
defineProps、withDefaults 是只在 script setup语法糖中才能使用的编译器宏。他不需要导入且会随着
withDefaults 只能与基于类型的defineProps声明一起使用;
<script lang='ts' setup>
const props = defineProps({
child: {
type:String, // 参数类型
default: 1, //默认值
required: true, //是否必传
validator: value => {
return value >= 0 // 除了验证是否符合type的类型,此处再判断该值结果是否符合验证
}
},
sda: String, //undefined
strData: String,
arrFor: Array
})
</script>