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>

posted @   吕业浩  阅读(1551)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
点击右上角即可分享
微信分享提示