首页 > 其他 > 详细

vue3 setup props中如何正确使用 ts

时间:2021-09-15 20:46:35      阅读:3      评论:0      收藏:0      [点我收藏+]

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

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

(0)
(0)
   
举报
评论 一句话评论(0
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!