vue3.0 + ts + setup語法糖， 組件傳值 類型注解

• withDefaults 和 defineProps 不用引入可以直接使用

有默認值

• 第一種(通過解構方式)

<script lang="ts" setup>
interface Props {
    name?: string
}
const { name = 'yang'} = defineProps<Props>()
</script>

• 第二種(使用withDefaults)

<script lang="ts" setup>
interface Props {
    name?: string;
    age: number;
}
const props = withDefaults(defineProps<Props>(), {
    name: 'yang',
    age: 18
})
</script>