Vue2.0用TypeScript+vuex重构项目

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"