官方文档:/guide/components/#props-declaration
defineProps默认支持常见的类型检查,在ts下,我们需要明确变量的类型,类型经常是我们的自定义类型。可以使用下面的方式:
<script setup lang="ts">
interface iA {
a: number;
b: string;
}
const { title, likes = 1 } = defineProps<{
title: iA;
likes?: number;
}>();
</script>
其中,likes = 1就是给其设置默认值。