2022.09.16 - defineProps 设置默认值
在TS中,仅类型声明的一个缺点defineProps是它无法为 props 提供默认值。为了解决这个问题,withDefaults还提供了一个编译器宏,同时给出JS默认值的写法
<script setup lang="ts">
// ts写法
const props = withDefaults(defineProps<{
title?: string // 是否必传
}>(),{
title:'默认值'
})
// 非ts写法
const props = defineProps({
title: {
type: String,
default: '默认值',
required: false
}
})
// 使用 props
const useProps = () => {
console.log(props.title) // 默认值
}
</script>