前言

这是根据慕课网的实战课程做出来的项目，仿饿了么app。由于课程出得比较早，教程使用vue1+vue-resource写的.这里我根据官方文档用vue2+axios+vuex重新写了页面，同时也做了优化，自己再封装了一些组件，其中better-scroll的组件参考了黄轶老师在掘金上的发表的文章修改编写，由于课程上使用的时候都是直接引用插件，网上资料也几乎都是直接引用，所以使用组件的时候也踩了不少坑，全靠自己摸索解决。这个课程下来。虽然只有5个页面，但其中的交互和设计让我对vue有了更深一层的理解。感谢黄轶老师开设了这门课程，让我可以比较系统地了解vue及编程思想。

项目演示demo

• pc端点击这里观看在chrome浏览器打开并且启用手机调试模式

• 手机浏览扫下方二维码

技术栈

vue2 + vue-cli + axios + vue-router + vuex + stylus + flex +ES5/ES6

开发环境

win7 6.1.7601 + node 6.11.0 + chrome59 + vscode 1.13.1

项目运行

git clone https://github.com/yangpeijia/vue2-elm-clone.git  

cd vue2-elm-clone

npm install  

npm run dev

目标功能

• 餐馆食品列表页 -- 完成
• 购物车功能 -- 完成
• 店铺评价页面 -- 完成
• 单个食品详情页面 -- 完成
• 商家详情页 -- 完成