vue框架中props的typescript用法详解
什么是typescript
typescript为javaScript的超集，这意味着它支持所有都JavaScript都语法。它很像JavaScript都强类型版本，除此之外，它还有一些扩展的语法，如interface/module等。
typescript在编译期会去掉类型和特有语法，生成纯粹的JavaScript。
Typescript5年内的热度随时间变化的趋势，整体呈现一个上升的趋势。也说明ts越来越️受大家的关注了。
在vue中使用typescript时，需要引入vue-property-decorator库来兼容格式。
javascript写法
Vue.component('blog-post',{
//在JavaScript中是camelCase的
props:['postTitle'],
template:'{{postTitle}}
'
})
typescript写法
@Prop({
type:Array,
default:function():Array{
return[];
}
})
label_list:Array|undefined;
typescript和javascript在用法的区别，主要是需要严格规定label_list的类型。
但是，在vue里面，prop是不能赋初始值的。这个规则和typescript会发生矛盾，因此定义类型需要加undefined，避免typescript转义告警。
在代码中使用label_list时，需要用label_listasArray的语法，转换成正常的数组格式
参考链接
vueprops
vue-property-decorator
总结
以上所述是小编给大家介绍的vue框架中props的typescript用法详解，希望对大家有所帮助！
声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。