vue3 setup props中如何正確使用 ts

props可以使用 TypeScript 語法來聲明，使用就是是向 defineProps 傳遞一個字面類型參數

const props = defineProps<{
  name: string
  age?: number
}>()

　defineProps可以和widthDefaults一起使用，widthDefaults第二參數是為props提供初始化數據

widthDefaults(defineProps<{name: string, 
age?:number}>(), 
{name: "zhangsan",
age: 14})

　　這里面需要注意的是definePorps的ts類型聲明參數必須是以之一，確保能周正確的靜態分析

• 一個類型的字面意義
• 對同一文件中的接口或類型字的引用

　　目前不支持復雜類型和從其他文件導入的類型，不然會報錯