vue-cli3+typescript初体验——项目实战

前言

上周开始作vue+ts的前置准备工做，花了一周时间熟悉vue3基于类——class的写法，主要是vuex、vue-router、props、components、emit、watch等这些东东的使用规则。
目前已经算是摸底结束，开始进行项目实战了，正好有一个新的项目交到个人手上，没跑了，就是vue+ts。

项目介绍

这是一个移动端商城项目，产品原型还没出来，技术先行，因此能够随意发挥，UI方面暂时不作考虑。
主要的功能就是商品展现、商品详情、商品购买、购物车、订单列表、订单详情、我的中心、收货地址等模块。

技术介绍

vue、vuex、vue-router、vue-cli3、typescript、axios、vue-awesome-swiper等。
由于以前写过vue的简单项目，因此此次算是有一点经验的，可是以前的项目太简单，就4个单页，因此经验相对不足，可能新项目还会踩到不少坑。

项目进度

2019年03月04日已经搭建好项目框架，数据方面也开始本身构造，主要的技术难点也已经解决，预计工做时间5天：
商品展现+商品详情：1天
购物车：1天
商品购买：1天
订单列表+订单详情：1天
我的中心+收货地址：1天
即下周一完成初版的商城项目。项目地址：vue-cli3-typescript
算是立下flag了，可是工做中可能会临时接到其余需求，可能会打断个人进度，因此交付时间可能要押后3天左右。
最迟2019年03月15日完成。
至于后面的版本，若是原型出来了，就不能提交到公开的github上面了。

结语

未完待续……

2019年03月07日15:33:27 续

已完成：首页——商品展现，搜索——同商品展现，分类——同商品展现，商品详情。进度严重滞后～
初步完成的效果在这里，能够预览啦，后续还会陆续更新 => vue-ts