关键词：
组件设计原则：就近维护
mock数据模拟：/#/xx/api vue1.0 json获取不到（请求出现sockjs-node/info文件，所以不能加地址栏不加#来获取模拟请求数据） vue2.0前端请求直接 /api 来获取数据
组件设计拆分：
移动端项目 index头部添加meta viewport等 设计稿按照2倍
vue中样式文件 并没有 处理兼容性 ，因为：vue-loader npm 依赖的postcss直接帮我们处理了兼容性问题
autiprefix 也可以实现 css兼容性处理
手机端的 dpi 概念： 每英寸的像素点 物理像素 是 设备像素的 2倍
webpack 中 实现 手机调试 （草料二维码生成）手机端访问 localhost换成本机IP 同意局域网
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呢？通... 查看详情
vue2.0的通用组件
Element：一套通用组件库的开发之路Element是由饿了么UED设计、饿了么大前端开发的一套基于Vue2.0的桌面端组件库。今天我们要分享的就是开发Element的一些心得。官网：http://element.eleme.io/#/github：https://github.com/ElemeFE/element ... 查看详情
vue饿了么项目的相关笔记链接
http://www.mtons.com/content/1819.htmhttp://www.tuicool.com/articles/F7BnaiYhttps://segmentfault.com/a/1190000007784366http://www.tuicool.com/articles/7zUruij 查看详情
vue饿了么项目实战笔记
1.页面骨架开发1.1组件拆分手机浏览器是把页面放在一个虚拟的“窗口”（viewport）中，通常这个虚拟的“窗口”（viewport）比屏幕宽，这样就不用把每个网页挤到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局... 查看详情
仿饿了么项目-vue-cli开启项目
环境搭建安装nodeJs在用vue-cli开启项目之前，首先我们需要安装Node环境，安装Node很简单，只需要去官网下载http://nodejs.cn/download/，下载完成后点击安装，安装过程很简单，一直next即可，安装完成会自动添加node及npm环境变量。检... 查看详情
vue饿了么项目-goods商品列表页开发
1.flex属性是flex-grow、flex-shrink和flex-basis属性的简写属性。flex-grow一个数字，规定项目将相对于其他灵活的项目进行扩展的量。flex-shrink一个数字，规定项目将相对于其他灵活的项目进行收缩的量。flex-basis项目的长度。合法值："au... 查看详情
vue2高仿饿了么app
Github地址: https://github.com/ccyinghua/appEleme-project 一、构建项目所用：vueinitwebpackappEleme-projectnpmrundevcnpminstallnode-sass--save-devcnpminstallsass-loader--save-dev//sass-loader依赖于node-sas 查看详情
基于vue来开发一个仿饿了么的外卖商城(代码片段)
一、准备工作1.大前提：已安装好node、npm、vue、vue-cli、stylus（此项目使用stylus来编译）2.开发软件：GoogleChrome（建议安装插件vue-devtools，方便调试），webstorm/sublimeText/VSCode（推荐使用webstorm，sublime和VSCode需要安装相应的插件）3.... 查看详情
vue2+cli3实战项目-饿了么
参考技术A项目地址：Vue2+Cli3实战项目-还原饿了么订餐app项目截图：我们使用npm安装一些包的时候可能会比较慢，这时候我们可以使用cnpm，cnpm是中国NPM镜像。cnpm是一个完整npmjs.org镜像，你可以用此代替官方版本(只读)，同步频... 查看详情
前端实战项目：vue.js实现外卖平台webapp,饿了么项目的翻版
...scroll插件，进行左右滑动图片。效果预览：再说一篇，是饿了么的翻版。 查看详情
vue饿了么的技术点
一：项目目录设计。1：制作矢量图片的图标字体。打开icomoon.io网站,点击importicons，上传自己的svg图片，制作自己的图片，上传之后点击generatefont图标，下载然后把其中的font文件夹复制，style.css复制到style文件夹，修改为icom.styl... 查看详情
基于vue2+nuxt构建的高仿饿了么（2018版）(代码片段)
前言高仿饿了么，以nuxt作为vue的服务端渲染，适合刚接触或者准备上vuessr的同学参考和学习项目地址如遇网络不佳，请移步国内镜像加速节点效果演示查看demo请戳这里（请用chrome手机模式预览）移动端扫描下方二维码API接口文... 查看详情
vue项目ui框架介绍（第六天上）
参考技术A1.什么是elementUI?ElementUI是饿了么前端团队推出的一款基于Vue的桌面端UI框架大白话:和Bootstrap一样对原生的HTML标签进行了封装,进行了美化,让我们能够专注于业务逻辑而不是UI界面2.elementUI使用https://element.eleme.cn/#/zh-CN/comp... 查看详情
vuejs仿美团，饿了么项目之——商品数量加减篇
参考技术A首先，新增个商品数量的加减功能组件，就叫cartcontrol.vue吧。新增个底部购物车组件，叫shopcart.vue吧。在good.vue中引入并注册组件。cartcontrol.vue中，通过props来接收list对象因为我在json中没有设置数量这个key，所以需要... 查看详情
“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 查看详情
饿了么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制作饿了么首页
...网页，实现原则是将他们分块，然后各个击破。很明显的饿了么首页分为三个部分（组件）， 上面的头部（商家信息）， 中间路由 购物车每部分先占住自己位置，然后挨个将这三部分分别实现完整。我... 查看详情
极速发展的饿了么订单系统架构演进--转
...请到北京站官网查询。先自我介绍一下，我于2014年加入饿了么，那时正是饿了么飞速发展的起始点。 查看详情