Vue高仿饿了么APP

使用vue@2.0开发的高仿饿了么APP（用户端）
Vue.js高仿饿了么外卖App 2016最火前端框架

主要依赖

基于vue@2.0
使用vue-cli@2.0搭建项目框架
使用vue-router@2.1进行页面路由切换
使用vue-resource@1.0.1进行http请求获取数据
mock假数据存储在本地
使用stylus编写样式
使用eslint进行js代码的规范、
使用better-scroll进行联动滑动

在线预览

（PC端建议开启chrome调试模式食用更佳，移动端直接在浏览器开启即可）

Build Setup

# clone the repo into your disk.
$ git clone https://github.com/cccyb/vue-eleme-app.git
# install dependencies
$ npm install
# serve with hot reload at localhost:8088
$ npm run dev
# build for production with minification
$ npm run build

说明

~~暂时使用vue@1.0实现，后续会将vue@1.0迁移至vue@2.0，敬请期待！~~，已升级至2.0

Mac下安装基于 vue@1.x的vue-cli脚手架时报错not matches webpack#1.0

答：因为”#”在zsh中是特殊字符，所以需要在webpack#1.0外加双引号，即使用vue init "webpack#1.0" <project-name>。
Stylus中文文档

答：http://www.zhangxinxu.com/jq/stylus/
es6入门学习

答：http://es6.ruanyifeng.com/
eslint规则

答：http://eslint.org/docs/rules/
设备像素比

答：http://www.zhangxinxu.com/wordpress/2012/08/window-devicepixelratio/
Flex弹性布局

答：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html?utm_source=tuicool
移动端1px边框的实现

答：先给需要添加1像素边框的元素设置一个1像素的伪类，然后根据手机屏幕的dpi大小对伪类进行相应的缩减，从而达到手机端1像素边框的实现。
CSS Sticky footer

答：CSS秘密花园:Sticky footers
better-scroll实现联动

答：https://github.com/ustbhuangyi/better-scroll