项目为包括首页、搜索列表、商品详情页、购物车、订单、支付、用户登录/注册等多个子模块的在线电商 SPA,项目采用模块化、组件化、工程化的模式开发
Vuex + vue-router + Mock.js+ Axios + Swiper + Element-ui
- 使用 vue-router 实现页面路由跳转构建单页面应用,并设立导航守卫拦截不合理路由跳转
- 通过面包屑词条增删以及点击排序实现交互性高的商品搜索页面
- 利用组件通信对非业务逻辑功能的组件(如轮播图、分页器等)进行抽离和封装
- 封装 axios 请求,添加 token 字段实现用户独立数据管理与呈现