Vue3 - 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>