基于vue2.0实现的vivo移动端商城(vue+vuex+vue-ruoter+webpack)

前言

初学vue2.0也有一两个月的心想想做个小项目来测试下我的水平,这不撸起袖子就是干,看了vivo移动商城挺简洁的就仿了个vivo商城,之所以选择vivo商城,是因为商城涉及到购物车操作、订单管理、其次就是网上也有很多的案例但都是音乐播放器,外卖手机端,千篇一律,所以我就选择了商城。

该项目是由(vue2.0+vuex+vue-router+vue-resource+webpack)完成的,后期会用axios代替vue-resource 因为是第一次做手机端有些地方做的还不是那么完美还存在一些小BUG,不过后期我会努力完善的。?

写完这个项目我学到了很多收获了很多知识尤其对vue组件指令、渲染数据、计算属性、绑定事件以及vuex状态管理、vue-router路由的使用有了一定了解。

另外欢迎各位fork、star ?

项目预览

?在线预览
?github

部分功能

首页轮播图效果
首页轮播图实现链接跳转
商品详情列表
商品详情轮播效果
商品立即购买/加入购物车
购物车加减数量删除商品
购物车结算清空
商品删除结算
模拟支付成功后加入订单
商品订单删除
模拟订单付款成功生成订单
Localstorage本地存储数据

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