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

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

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

 

 

vue3 setup props中如何正确使用 ts

上一篇:LambdaQueryWrapper中常用的方法


下一篇:beego创建项目