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用法解读,希望对大家有所帮助!