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类型声明参数必须是以之一，确保能周正确的静态分析

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

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

原文：https://www.cnblogs.com/dancefinger/p/15266921.html