vue3 withDefaults 如何使用

vue3 withDefaults 如何使用

withDefaults 在使用ts时用于为组件的 props 提供默认值的工具函数

使用示例

<template><div><p>{{ message }}</p><p>Count: {{ count }}</p></div>
</template><script setup>
import { defineProps, withDefaults } from 'vue'// 使用 defineProps 定义 props
const props = withDefaults(defineProps<{message?: stringcount?: number}>(),{// 提供默认值message: 'Hello, World!',count: 0}
)const { message, count } = props
</script>