typescript用法集成-vue框架中props的typescript用法解读

2023-08-23 0 7,257 百度已收录

TypeScript 是 JavaScript 的超集,这意味着它支持所有 JavaScript 语法。 它与 JavaScript 的强类型版本非常相似。 此外,它还有一些扩展句型,如接口/模块等。 打字稿正在编译

这是打字稿

TypeScript 是 JavaScript 的超集typescript用法集成,这意味着它支持所有 JavaScript 语法。 它与 JavaScript 的强类型版本非常相似。 此外,它还有一些扩展句型typescript用法集成,如接口/模块等。

Typescript 会在编译过程中去除类型和特殊句型,生成纯 JavaScript。

Typescript在5年内的受欢迎程度随着时间的推移发生了变化,总体呈上升趋势。 也说明ts越来越受到大家的关注。

在vue中使用typescript时,需要引入vue-property-decorator库来兼容格式。

如何编写 JavaScript

Vue.component('blog-post', {
 // 在 JavaScript 中是 camelCase 的
 props: ['postTitle'],
 template: '

{{ postTitle }}

' })

打字稿写作

 @Prop({
  type: Array,
  default: function(): Array {
   return [];
  }
 })
 label_list: Array | undefined;

typescript和javascript在使用上的区别主要在于需要严格指定label_list的类型。

然而,在Vue上,prop不能被赋予初始值。 这个规则会和typescript冲突,所以需要添加undefined来定义类型,防止typescript通配符警告。

代码中使用label_list时,需要使用label_listasArray的句型将其转为普通字段格式

参考链接

视图属性

vue-属性装饰器

总结

以上就是小编给大家介绍的Vue框架中props的typescript用法解读,希望对大家有所帮助!

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悟空资源网 typescript typescript用法集成-vue框架中props的typescript用法解读 https://www.wkzy.net/game/148542.html

常见问题

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务