@[toc]

项目介绍：此项目是基于vue2的前台电商项目和后台管理系统

1) 此项目为在线电商Web App (SPA)

2) 包括首页, 搜索列表, 商品详情, 购物车, 订单, 支付, 用户登陆/注册等多个子模块

3) 使用Vue全家桶+ES6++Webpack+Axios等前端最新最热的技术

4) 采用模块化、组件化、工程化的模式开发

项目功能界面

技术选型

前端路由

API/接口

你能从此项目中学到什么?

流程及开发方法:

1) 熟悉一个项目的开发流程

2) 学会模块化、组件化、工程化的开发模式

3) 掌握使用vue-cli脚手架初始化Vue.js项目

4) 学会模拟json后端数据，实现前后端分离开发

5) 学会ES6+eslint的开发方式

6) 掌握一些项目优化技巧

Vue插件或第三方库:

1) 学会使用vue-router开发单页应用

2) 学会使用axios与后端进行数据交互

3) 学会使用vuex管理应用组件状态

4) 学会使用swiper实现页面滑动效果

5) 学会使用elment-ui组件库构建界面

6) 学会使用vue-lazyload实现图片惰加载

7) 学会使用mockjs模拟后台数据接口

本人其他相关文章链接

1.vue尚品汇商城项目-day00【项目介绍：此项目是基于vue2的前台电商项目和后台管理系统】
2.vue尚品汇商城项目-day01【1.vue-cli脚手架初始化项目生成文件的介绍】
3.vue尚品汇商城项目-day01【2.vue-cli脚手架初始化项目的其他配置】
4.vue尚品汇商城项目-day01【3.项目路由的分析】
5.vue尚品汇商城项目-day01【4.完成非路由组件Header与Footer业务】
6.vue尚品汇商城项目-day01【5.路由组件的搭建】
7.vue尚品汇商城项目-day01【6.Footer组件的显示与隐藏】
8.vue尚品汇商城项目-day01【7.路由传参】
9.vue尚品汇商城项目-day01【8.路由跳转与传参相关面试题】