源码:https://github.com/gjincai/vue-proj-demo

proj5-shop

基于 vuejs-templates 的 webpack 构建， vue2 新人学习练手项目。

主要用到的技术： vue-cli + vue2 + vue-router2 + vuex2 + axios + es6 + sass + eslint

主要实现的功能： 页面的数据通过 axios 模拟请求本地的 json 文件获得； vue-router2 实现各页面的相互跳转； vuex2 全局状态的管理，如头部导航的标题内容，侧栏的显示状态； 简易购物车功能，详情页加入购物车的商品，随机生成单价、商品名字； 购物车的信息通过localstorage存储在本地； 注册登录的信息也是通过localstorage存储在本地。

安装： npm install 运行： npm run dev

后期展望： 目前正在学习 node+mongodb，希望到达 vue+node+mongodb 的前后端走通 相关学习项目的练手源码：https://github.com/gjincai/vue-node-proj

本项目截图示例：