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

前言

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

项目介绍

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

技术介绍

vuevuexvue-routervue-cli3typescriptaxiosvue-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

    原文作者:陈其文
    原文地址: https://segmentfault.com/a/1190000018383121
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞