前言

初学vue时曾在网上搜索vue的实战项目源码，无奈大部分都是简单的demo，对于深究vue没有太大的帮助，剩下的一些大部分都是像音乐播放器之类的展示型项目，交互没有预期那么复杂。但我们实际在工作中，经常会遇到有购物车的项目，这类项目因为涉及到money，所以对逻辑严谨度要求高，页面之间交互复杂，又会伴随着登录、注册、用户信息等等，常常会让我们很头疼。因为这类的项目好多都没人用vue来写，那么我就写一个这样的项目，希望对看到想学或者正在写此类项目的人有所帮助。

在这里我就选择了美丽说，原因就不细说了，让我来列举一些我需要做的事。

此项目大大小小共60个页面，涉及注册、登录、商品展示、购物车、下单等等，是一个完整的流程。一般公司即便是官网的单页面项目都没这么复杂，如果这个项目能驾驭的了，相信大部分公司的其他单页面应用也就不在话下，即便更复杂，也不会比这个高到哪里去。

由于现在在工作时期，只能利用业余时间来做，现在刚开始写，更新的会有点慢,目前项目已经在策划，增加详细的注释 以及简单的方法来实现， 方便读者易懂 ……

注：此项目纯属个人瞎搞，正常下单请选择美丽说官方客户端。

技术栈

vue2 + vue-cli + vuex + vue-router + vue-resource/axios + webpack + ES6/7 + fetch + sass + flex + svg + git

目标功能

• 首页 -- 未完成
• 搜索 -- 未完成
• 消息 -- 未完成
• 通知 -- 未完成
• 服务保障 -- 未完成
• 1分抽奖 -- 未完成
• 9.9封顶 -- 未完成
• 时尚拼团 -- 未完成
• 大家都在买 -- 未完成
• 签到领券 -- 未完成
• 限时秒杀 -- 未完成
• 潮流速递 -- 未完成
• 正在流行 -- 未完成
• 流行单品 -- 未完成
• 分类 -- 未完成
• 热门穿搭 -- 未完成
• 畅销热榜 -- 未完成
• 猜你喜欢 -- 未完成
• 流行 -- 未完成
• 热销 -- 未完成
• 购物车 -- 未完成
• 设置 -- 未完成
• 登录、注册 -- 未完成
• 我 -- 未完成
• 忘记密码 -- 未完成
• 找回密码 -- 未完成
• 发送短信-- 未完成
• 钱包 -- 未完成
• 优惠券 -- 未完成
• 会员中心 -- 未完成
• 客服帮助 -- 未完成
• 收藏 -- 未完成
• 足迹 -- 未完成
• 猜你喜欢 -- 未完成
• 我的拼团 -- 未完成
• 成为分享达人 -- 未完成
• 个人信息设置 -- 未完成
• 站外绑定设置-- 未完成
• 上传头像 -- 未完成

部分截图

首页

分类

购物车

我

地址：