关键词：
无论是静态网页还是动态交互网页，实现原则是将他们分块，然后各个击破。
很明显的饿了么首页分为三个部分（组件），
上面的头部（商家信息），
中间路由
购物车
每部分先占住自己位置，然后挨个将这三部分分别实现完整。
我理解的vue里，index.html好比是车轱辘，main.js就好比是变速箱，App.vue就好比是汽车方向盘和档把子，其他各个组件就好比是方向盘上的喇叭，转向等等，一环扣一环的关系。
我们操作是方向盘，就是写App.vue里的各种组件。当然引入一些工具文件时候别忘了在main.js里写引入，像router，mock，vuex等
写三个模板，分别对应头，路由和购物车，并在App.vue里引入他们。
路由也巨简单，最平常的就能搞定，佩佩路径和模板，别忘了写model：“history”，在路由组件里引入。
至此，大架子达成。
接下来，丰满血肉。
引入axios
仿饿了么首页导航栏（viewpager）
1、需求分析在饿了么首页中我们能看到这样的布局（如下图）。红框内是一个可以左右滑动的页面，每一个页面类似于九宫格，都有可供点击图标。对于这样的布局，我在网上找了很久都没有找到相关的名称，所以我这里暂时... 查看详情
vue.js高仿饿了么外卖app
1.架构从传统的MVC向RESTAPI+前端MV*迁移参考链接：http://blog.csdn.net/broadview2006/article/details/8615055http://blog.csdn.net/u013628152/article/details/42709033MV*包括：MVC、MVP、MVVMvue.js是MVVM框架 2.Iconmoon制作图标字体2 查看详情
“vue饿了么实战”视频
“vue饿了么实战”视频，要的加我qq：840573460650)this.width=650;"src="https://s5.51cto.com/wyfs02/M01/06/B8/wKiom1m85FvjU2zgAAA3IuL_Eng432.png-wh_500x0-wm_3-wmp_4-s_4095027821.png"title="QQ截图20170916163541.png"alt="w 查看详情
vue2高仿饿了么app
Github地址: https://github.com/ccyinghua/appEleme-project 一、构建项目所用：vueinitwebpackappEleme-projectnpmrundevcnpminstallnode-sass--save-devcnpminstallsass-loader--save-dev//sass-loader依赖于node-sas 查看详情
饿了么vue实现学习笔记
技术栈：vue2+vuex+vue-router+webpack+ES6/7+fetch+sass+flex+svg以功能实现着手学习1.定位功能home.vue 通过跨域获取当前的地理位置 http://cangdu.org:8001/v1/cities?type=guess2.选择城市转跳页面到搜索详细地址home.vue 根据API接口的ID，通过 router-link:to=... 查看详情
vue饿了么项目的相关笔记链接
http://www.mtons.com/content/1819.htmhttp://www.tuicool.com/articles/F7BnaiYhttps://segmentfault.com/a/1190000007784366http://www.tuicool.com/articles/7zUruij 查看详情
经典文摘：饿了么的pwa升级实践（结合vue.js）
...Vue.js官方推特第一次公开到现在，我们就一直在进行着将饿了么移动端网站升级为 ProgressiveWebApp 的工作。直到近日在GoogleI/O2017上登台亮相，才终于算告一段落。我们非常荣幸能够发布全世界第一个专门面向国内用户的PWA... 查看详情
css3animationsteps制作饿了么loading
html代码<!DOCTYPEhtml><html><head><title></title></head><body><styletype="text/css">.load2{position:absolute;width:200px;height:160px;backgrou 查看详情
饿了么基于vue2.0的通用组件开发之路（分享会记录）
Element：一套通用组件库的开发之路Element是由饿了么UED设计、饿了么大前端开发的一套基于Vue2.0的桌面端组件库。今天我们要分享的就是开发Element的一些心得。官网：http://element.eleme.io/#/github：https://github.com/ElemeFE/element ... 查看详情
vue饿了么项目实战笔记
1.页面骨架开发1.1组件拆分手机浏览器是把页面放在一个虚拟的“窗口”（viewport）中，通常这个虚拟的“窗口”（viewport）比屏幕宽，这样就不用把每个网页挤到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局... 查看详情
vue2+cli3实战项目-饿了么
参考技术A项目地址：Vue2+Cli3实战项目-还原饿了么订餐app项目截图：我们使用npm安装一些包的时候可能会比较慢，这时候我们可以使用cnpm，cnpm是中国NPM镜像。cnpm是一个完整npmjs.org镜像，你可以用此代替官方版本(只读)，同步频... 查看详情
如何评价饿了么开源的vue组件库mintui
我们项目现在正在用vue，但是我们的需求更加的复杂。对于Mint，恕我直言，很多简单的css和html。基本那些调用我都会自己写，自己写一套也花不了多少时间。还有一个就是，这是一个mobile的产品。很多优化并没有做，比如类iscr... 查看详情
vue饿了么项目-header组件开发
1.数据传递的理解在App.vue中用到了header组件，首先注册组件components:{‘v-header‘:header}然后才能引用<v-header:seller="seller"></v-header>:seller="seller"的意思是将seller对象传递给v-header中的seller，而v-header中从哪里获得seller呢？通... 查看详情
饿了么账户异常怎么解决?
饿了么账户异常有以下几种解决方法：先退出登录，然后在登录试试。一般来说账号在其他地方登录次数过多才会这样。2.不行的话可以用账号申诉，看看自己账号有没有被盗用。3.设置好密保问题，保护好自己账号。也有肯能... 查看详情
基于vue2+nuxt构建的高仿饿了么（2018版）(代码片段)
前言高仿饿了么，以nuxt作为vue的服务端渲染，适合刚接触或者准备上vuessr的同学参考和学习项目地址如遇网络不佳，请移步国内镜像加速节点效果演示查看demo请戳这里（请用chrome手机模式预览）移动端扫描下方二维码API接口文... 查看详情
vue的饿了么写作感受
1.在重复使用的组件中，要把重复使用组件的需要在数据的请求的地方设置为在富组件中，通过props船只到子组件，这样在重复调用次组件的时候既可以很好的避免组件的值的冲突2.getData的使用，把所有的axios请求都在getData中使... 查看详情
基于vue来开发一个仿饿了么的外卖商城(代码片段)
一、准备工作1.大前提：已安装好node、npm、vue、vue-cli、stylus（此项目使用stylus来编译）2.开发软件：GoogleChrome（建议安装插件vue-devtools，方便调试），webstorm/sublimeText/VSCode（推荐使用webstorm，sublime和VSCode需要安装相应的插件）3.... 查看详情
仿饿了么项目-vue-cli开启项目
环境搭建安装nodeJs在用vue-cli开启项目之前，首先我们需要安装Node环境，安装Node很简单，只需要去官网下载http://nodejs.cn/download/，下载完成后点击安装，安装过程很简单，一直next即可，安装完成会自动添加node及npm环境变量。检... 查看详情