vue尚品汇商城项目-day00【项目介绍:此项目是基于vue2的前台电商项目和后台管理系统】

在这里插入图片描述

文章目录

  • 本人其他相关文章链接

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

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

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

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

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

项目功能界面

vue尚品汇商城项目-day00【项目介绍:此项目是基于vue2的前台电商项目和后台管理系统】_第1张图片

技术选型

vue尚品汇商城项目-day00【项目介绍:此项目是基于vue2的前台电商项目和后台管理系统】_第2张图片

前端路由

vue尚品汇商城项目-day00【项目介绍:此项目是基于vue2的前台电商项目和后台管理系统】_第3张图片

API/接口

vue尚品汇商城项目-day00【项目介绍:此项目是基于vue2的前台电商项目和后台管理系统】_第4张图片

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

流程及开发方法:

  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.路由跳转与传参相关面试题】

你可能感兴趣的:(Vue2专栏,vue.js,前端,webpack,尚品汇,vue2)