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