框架中的左侧菜单关联右侧页面是如何实现的_前端基础学习：Vue2.0实现移动端外卖平台项目，参考旧版饿了么！...-CSDN博客

主要依赖

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

商品页面

左侧分类菜单和右侧商品联动是重点，使用better-scroll进行联动滑动。

商品详情页面

评论页面

商家页面

遮罩层页面

购物车浮层

项目用到的技术参考网站：

 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 footerCSS秘密花园:Sticky footers http://www.w3cplus.com/css3/css-secrets/sticky-footers.html better-scroll实现联动 https://github.com/ustbhuangyi/better-scroll

项目在线体验：https://chenyubo.me/vue-eleme-app/dist/index.html#/