vue3 setup props中如何正确使用 ts

props可以使用 TypeScript 语法来声明，使用就是是向 defineProps 传递一个字面类型参数

?

1 2 3 4

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

　defineProps可以和widthDefaults一起使用，widthDefaults第二参数是为props提供初始化数据

?

1 2 3 4

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

　　这里面需要注意的是definePorps的ts类型声明参数必须是以之一，确保能周正确的静态分析

• 一个类型的字面意义
• 对同一文件中的接口或类型字的引用

　　目前不支持复杂类型和从其他文件导入的类型，不然会报错