Vue2.0用TypeScript+vuex重构项目
不得不说现在前端的技术更新越来越快了,一不学习就要给这个大环境淘汰了。
Typescript是javascript的超集。本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。其中我认为最重要的就是静态类型检查了。
写程序时项目若没有良好的设计思想,用js写的话就会“重构火葬场”。
话不多说,直接干货:
写在前面
Vue我已经学习了一个学期了,所以现在刚接触TypeScript,Typescript完全空白,项目迁移至Typescript,因此这篇文章更像个入门指引。
依赖引入介绍
一般vue2.0改成TypeScript要引入以下依赖
最基础的ts-loader和typescript依赖这是typescript必须的
"ts-loader": "^3.3.1",
"typescript": "^3.2.2",
//这里版本一定要低,不然需要webpack4.0以上了。
之后是装饰vue-property-decorator:非官方维护,一定学习成本
"vue-property-decorator": "^7.3.0",
之后是vuex-class:非官方维护,在 vue-class-component 基础上补充一定vuex支持(支持有限)
"vuex-class": "^0.3.1"