vue+ts项目实战学习经验

参考文章

https://segmentfault.com/a/1190000015534567
https://my.oschina.net/lpcysz/blog/2980469

使用 TypeScript 写 Vue 组件时,有两种推荐形式:

Vue.extend():使用基础 Vue 构造器,创建一个“子类”。此种写法与 Vue 单文件组件标准形式最为接近,唯一不同仅是组件选项需要被包裹在 Vue.extend() 中。
vue-class-component:通常与 vue-property-decorator 一起使用,提供一系列装饰器,能让我们书写类风格的 Vue 组件。
两种形式输出结果一致,同是创建一个 Vue 子类,但在书写组件选项如 props,mixin 时,有些不同。特别是当你使用 Vue.extend() 时,为了让 TypeScript 正确推断类型,你将不得不做一些额外的处理。

vue-property-decorator社区出品;
vue-class-component官方出品
vue-class-component提供了Vue、Component等;

vue-property-decorator用法

vue-property-decorator深度依赖了vue-class-component,拓展出了更多操作符:
@Prop、@Emit、@Inject、@Model、@Provide、@Watch;
开发时正常引入vue-property-decorator就行
https://www.jianshu.com/p/d8ed3aa76e9b

vue+ts使用时一些注意的点:

https://my.oschina.net/lpcysz/blog/2980469

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容