午休时间用vue写了个移动端商城

最近利用空闲时间写了个vue小项目，以便加强自己对vue知识的巩固。由于个人技术比较菜写的有些垃圾还望大佬们看到勿喷，在这里也是借此平台来记录一下自己的学习过程。
项目预览: 请点这里.
先来看下效果图：

项目目录

首页

首页这一块主要是头部区域、轮播图、图标区域和商品列表。老实说首页是最花时间的，头部区域只写了点样式具体的搜索功能没有写，然后就是用vue-awesome-swiper做的轮播，中间遇到点小问题后面还是看文档解决了，平时有空还是需要多看看官方性的文档，很多东西不用容易忘记，手生了就不好。

商品列表用的多的就是axios发送请求然后父子组件传值的问题的，这一块平时在工作中用的比较多，也算是基础吧。由于商品数据是放在我的个人服务器上的，后台用的node.js提供接口，为了避免跨域问题我直接用node设置了允许跨域，相关代码如下：

同时整个项目上线也是用的node.js创建入口文件借用express框架将打包后的dist目录跑起来，相关代码如下：

项目完整代码已经上传到我的github，需要的同学请点击这里.

分类

分类这一块数据没有写那么多，用到的知识也比较基础v-for和组件之间传值用的多

购物车

购物车这一块我借用了vuex，这样更方便在各个组件获取到对应状态的数据，尤其是单选和全选计算总价这一块，另外跳转到在支付页面我没有写，比较懒哈哈。其他的不知道怎么说了，小项目能说的不多。

个人中心

这一块只写了单纯的布局和样式，太花时间了，由于我前面没有用ui框架，很多样式布局都是纯手撸，界面会看起来有点别扭，最后是将商品加入购物车那一块实在是看不下去了用了vant的一个弹窗组件。

tablebar

写的时候没有用ui框架，tablebar也是自己手撸的，样式也比较随意，然后就是各个页面跳转的时候都得考虑tablebar的显示隐藏，我是代码里是根据路由的判断，大家有兴趣的可以自己上github看代码。

写在最后

怎么说还是有很多地方做的不尽人意吧，只能当个练手的小案例，还有就是时间的问题，感觉时间不够用。最后感谢大家的阅读！！