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-shop

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值