wuliguaiguaia / vue_youzan

preview: https://wuliguaiguaia.github.io/vue_youzan/dist/index.html

Vue 重构移动端有赞商城

简述：仿移动端有赞商城，使用mock数据，支持地址编辑，购物车结算，查看商品，搜索商品及店铺等功能

项目预览

easy-mock 接口

技能树

• 使用语言：vue + vue-cli3 + axios + vuex + vue-router + sass + eslint + es6
• 使用 vue-cli3 进行原型开发并配置 vue.config.js
• 使用 vue-router 进行路由管理，与vueJs集成构建单页应用，分模块化配置并使用嵌套路由
• 使用 vuex 进行地址状态管理，支持增删改查
• 使用 axios + promise 异步请求
• 使用 rap2 接口管理平台，使用 mock.js 进行数据模拟
• 使用 swiper + mint-ui + velocity-animate 插件
• 使用 sass 语法：嵌套，混入，函数等

图示

• 首页

  

• 分类页

• 购物车

• 个人页

• 商品页1

• 商品页2

• 商品页3

• 搜索店铺页

• 搜索商品页

• 地址页1

• 地址页2

项目相关博客整理：

Vuex 状态管理与实例分析

Vue 组件之间的数据通信

Vue 原生实现商城购物车增删改查

VUE响应式原理

VUE实现购物车三级联动

VUE中@scroll失败的真相

vue 文档学习小结