网上关于vue的实战项目源码大部分是一些demo，还有一部分是逻辑严谨度低、页面间交互简单的展示型项目，如音乐播放器等等。为了帮助大家更加深入的了解vue，bailicangdu在GitHub上贡献了自己基于 vue2 + vuex 构建的具有 45 个页面的大型单页面应用。

由于开放的外卖平台比一般的公司独有商店更加复杂，所以bailicangdu选定以饿了么为素材，该项目从零布局到完成共历时两个月，大大小小共 45 个页面，涉及注册、登陆、商品展示、购物车、下单等等，是一个完整的流程。目前该项目正在进行一些性能的优化，增加详细的注释。

“饿了么”的相关实现功能：

“饿了么”项目布局：

“饿了么”最终演示图：

城市列表页：

搜索地址页：

商铺列表页：

商铺筛选页：

餐馆食品列表与购物车：

确认订单页：

搜索页：

登录页：

个人中心：

GitHub地址传送门：https://github.com/bailicangdu/vue2-elm