通过高仿饿了么外卖APP学会Vue.js
代码少速度快的开发模式
使用Vue.js+es6+webpack等前端最新最热的技术，采用组件化、模块化的开发方式，让你用更少的代码做更快速的开发
外卖App核心的商家模块
提取外卖App最核心的商家模块（包括商品、评论、商家介绍等各模块），完全高仿“饿了么”外卖APP，让你更能领略Vue.js组件化的魅力
外卖App商家页面为主线
以外卖App商家页为主线，引出开发所涉及的各种相关知识点，让同学们了解一个项目从0到1的整个过程，干货满满
能直接上线的高质量代码
为了让你更容易在工作中实际运用Vue.js，讲师以上线代码的标准写代码，让你切实感受到什么是扩展性、通用性强的优质代码
学完这门课，你会掌握这些Vue.js的技术点
流程及开发方法
了解一个项目完整的开发流程
学会组件化、模块化的开发模式
掌握使用Vue-cli脚手架初始化Vue.js项目
了解webpack的打包原理
学会模拟json后端数据，前后端分离开发
学会es6+eslint的开发方式
第三方组件
学会使用stylus编写模块化的CSS
学会使用vue-router开发单页应用
学会使用vue-resource与后端数据交互
学会如何在Vue.js框架里和第三方JS插件交互
设计思想与模式
学会使用Vue.js的过渡编写酷炫的交互动画
了解移动端设备像素比的概念
学会制作并使用图标字
学会解决移动端1px边框问题
学会移动端经典的css sticky footer布局
学会flex弹性布局
版本不是问题，教你Vue1.0到2.0的跃迁
给你Vue两个版本的完整代码
用1.0版本完成整个项目后，老师会带你将整个项目升级到2.0，给你两套完整的代码
应对实际工作中的版本升级
很多实际项目都是用Vue1.0写的，老师给你讲明白1.0和2.0的差别，让你学会如何将1.0的项目升级的到2.0
Vue.js为什么是最火的前端MVVM开发框架
他们都在用Vue.js
适合人群及技术储备要求
对于前端工程师，无论你现在是否用得到Vue.js，你都应该提前掌握Vue.js
一旦你开始使用Vue.js，一定会对它爱不释手
具有一定自学能力，相当于有一年左右前端开发经验或用过其它前端框架进行过项目开发
有一定前端基础，了解JS、CSS、HTML基础知识，了解Vue.js基础知识
《Vue.js权威指南》作者滴滴前端技术专家
Ustbhuangyi
北京科技大学计算机专业硕士。曾任职百度，现就职滴滴，前端技术专家，擅长前端自动化、工程化，前端架构方向。对Vue.js有很深的理解，是《Vue.js权威指南》一书的主要作者。他有着教科书式的代码写作习惯，对代码有洁癖，追求高质量的代码， 跟随这样的老师一起敲代码，学会技术的同时，你还会提升编写高可扩展，通用性强的代码的能力
html、css3、Javascript、es6
Vue.js 1.0.26、Vue-resource 1.0
不限（windows、IOS、linux 都可以）
万事俱备 只等你来
老师讲得很好，通俗易懂，一听就懂，视频我看到79%就接到一单2w的单了，项目用到vue组件化开发方式，让我开发效率大大提高，我也深深体会了数据驱动的厉害之处；利用晚上时间，一个月就完成任务了。必须5※好评啊！感谢老师，感谢慕课网，200 换2w
享悦moonlight
这课程是带领屌丝逆袭的好课程，比其他网站的实战课程好太多了， 反正跟着做下来感觉到的是在舒服的环境下完成艰难的学习，必须点赞
数据加载中...
Copyright (C)
All Rights Reserved | 京ICP备 号-2点击阅读原文
感觉浓浓的bootstrap风格，希望官方可以实现更多自己的特色
要不你开源一套，大家用？
看来，bootstrap风格很经典，经典就要传承
el-pagination 怎么显示总页数？
各位大神请教下，如何在el-table-column中添加image？数据我用的是axios从后端获取的，感谢！~
我靠 官网组件示例 代码藏的太深了 可能是我电脑分辨率有点低 那个下拉箭头很模糊 一直没看到 我说怎么没代码示例
请问折叠导航栏中，展开和收缩按钮怎么合并为一个按钮
表格组件高度怎么自适应容器高度，设置height="100%"不起作用
请问解决了吗？我也烦恼这个问题，求交流 Q
element UI 中的DatePicker怎么设置时间格式？我获取的时间格式怎么是这样的呢？Thu Jan 19 :00 GMT+0800 (澳大利亚西部标准时间)
&el-date-picker v-model="date1Val" @change="change1" size="small" type="date" placeholder="选择日期" :picker-options="pickerOptions0"&&/el-date-picker&
change1(val) {
//val 是格式化后的值
this.date1Val =
官方文档-日期选择器-最底部
学习一波啦
明天提醒我
我要该，理由是：
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）只需一步，快速开始
Vue.js高仿饿了么外卖实战开发
==================课程目录=====================
1.jpg (4.01 KB, 下载次数: 17)
15:33 上传
1-1课程简介
1-2课程安排
2-1Vuejs介绍-近年来前端开发趋势
2-2Vuejs介绍-MVVM框架
2-3Vuejs介绍-什么是Vuejs及Vuejs生态
2-4Vuejs介绍-对比Angular、React
2-5Vuejs介绍-Vuejs核心思想
Vue-cli 开启 Vuejs 项目
3-1Vue-cli介绍
3-2Vue-cli安装
3-3项目文件介绍
3-4项目运行
3-5webpack打包（上）
3-6webpack打包（中）
3-7webpack打包（下）
项目实战-准备工作
4-1需求分析
4-2项目资源准备
4-3图标字体制作
4-4项目目录设计
4-5mock数据（模拟后台数据）
项目实战-页面骨架开发
5-1组件拆分（上）
5-2组件拆分（中）
5-3组件拆分（下）
5-4Vue-router(上)
5-5Vue-router(下)
5-6 1像素border实现
项目实战-header组件开发
6-1Vue-resource应用（上）
6-2Vue-resource应用（下）
6-3外部组件（1）
6-4外部组件（2）
6-5外部组件（3）
6-6外部组件（4）
6-7外部组件（5）
6-8外部组件（6）
6-9详情弹层页（1）- 实现弹出层
6-10详情弹层页（2）- CSS Sticky footer
6-11详情弹层页（3）- star组件抽象（上）
6-12详情弹层页（3）- star组件抽象（下）
6-13详情弹层页（4）- star组件使用
6-14详情弹层页（5）- 小标题自适应经典flex布局实现
6-15详情弹层页（6）- header剩余组件实现（上）
6-16详情弹层页（6）- header剩余组件实现（下）
项目实战-goods商品列表页开发
7-1布局编写
7-2左侧menu布局
7-3右侧食品列表布局（1）
7-4右侧食品列表布局（2）
7-5右侧食品列表布局（3）
7-6better-scroll运用（1）
7-7better-scroll运用（2）
7-8better-scroll运用（3）
7-9shopcart购物车组件（1）
7-10shopcart购物车组件（2）
7-11shopcart购物车组件（3）
7-12shopcart购物车组件（4）
7-13shopcart购物车组件（5）
7-14shopcart购物车组件（6）
7-15cartcontrol组件（1）
7-16cartcontrol组件（2）
7-17cartcontrol组件（3）
7-18购物车小球动画实现（1）
7-19购物车小球动画实现（2）
7-20购物车小球动画实现（3）
7-21购物车详情页实现（1）
7-22购物车详情页实现（2）
7-23购物车详情页实现（3）
7-24购物车详情页实现（4）
项目实战-food 商品详情页实现
8-1商品详情页实现（1）
8-2商品详情页实现（2）
8-3商品详情页实现（3）
8-4商品详情页实现（4）
8-5商品详情页实现（5）
8-6split组件实现
8-7ratingselect组件（1）
8-8ratingselect组件（2）
8-9ratingselect组件（3）
8-10ratingselect组件（4）
8-11ratingselect组件（5）
8-12评价列表（1）
8-13评价列表（2）
8-14评价列表（3）
8-15评价列表（4）
8-16评价列表（5）
8-17评价列表（6）
项目实战-ratings评价列表页实现
9-1ratings组件开发-overview开发（1）
9-2ratings组件开发-overview开发（2）
9-3ratings组件开发-overview开发（3）
9-4ratings组件开发-评价列表（1）
9-5ratings组件开发-评价列表（2）
9-6ratings组件开发-评价列表（3）
项目实战-seller 商家详情页实现
10-1seller组件开发-overview开发（1）
10-2seller组件开发-overview开发（2）
10-3seller组件开发-公告与活动开发（1）
10-4seller组件开发-公告与活动开发（2）
10-5seller组件开发-BScroll应用
10-6seller组件开发-商家实景图
10-7seller组件开发-商家信息
10-8seller组件开发-收藏商家（1）
10-9seller组件开发-收藏商家（2）
10-10seller组件开发-收藏商家
10-11seller组件开发-体验优化项目
实战-项目编译打包
11-1webpack配置介绍
11-2nodejs调试课程总结
12-1课程总结
前端相关教程推荐
游客，如果您要查看本资源下载链接请
width:100%">
下载信息没有可点链接,为什么呢?
width:100%">
下载链接呢
width:100%">
width:100%">
回复，观察一下VIP 怎么搞的
width:100%">
width:100%">
我百度云有，要的话可以加我WeChat liang_，发个5块红包就行
width:100%">
我百度云有，要的话可以加我WeChat liang_，发个5块红包就行
QQ红包可以不
width:100%">
width:100%">
需要VIP才能下载啊，又不能下载
width:100%">
2次方高级会员,享受更多资源！
Powered by Discuz, All rights reserved. 版权所有免责声明:站内所有资源均来自于互联网,如果有伤害到您的利益，请联系我们,我们立即删除！vue.js相关UI组件收集
★9689 - 饿了么出品的Vue2的web UI工具套件
★6927 - 基于Vue和WeUI的组件库
★4870 - Vue 2的移动UI元素
★4782 - 基于 Vuejs 的开源 UI 组件库
★2401 - 轻量级的基本UI组件合集
★2294 - 通过Vue Material和Vue 2建立精美的app应用
★2052 - 三端样式一致的响应式 UI 库
★1745 - 为移动而生的Vue JS 2组件框架
★1546 - 快速构建移动端单页应用
★1402 - 优雅的Markdown编辑器
★1193 - Vue.js选择框解决方案
★844 - 简化数据表格
★790 - 漂亮的vue圆环菜单
★755 - vuejs和vuex及webpack的聊天示例
★643 - 快速开发产品的Vue组件库
★615 - Vue.js的瀑布布局组件
★612 - 基于vuejs2和element的简单的管理员模板
★602 - 基于 vue 开发MD风格的移动端
★589 - 由vue和ant design创建的优美UI组件
★582 - 帮助你轻松创建web应用
★560 - Sublime Text语法高亮
★544 - VueJS的无限滚动指令
★536 - 实现拖放和视图模型数组同步
★525 - 应用于Vuejs2的Twitter的Bootstrap 4组件
★524 - vue.js触摸滑动组件
★468 - 日期选择插件
★372 - 基于Vue 2和高德地图的地图组件
★369 - VueJS触摸滑块
★362 - vue中的Chartjs的封装
★339 - 日历和日期选择组件
★337 - VueJS的ECharts组件
★325 - 简单的音乐播放器
★319 - 好看的markdown编辑器
★299 - 轻松添加拖拽排序
★289 - 带有双向数据绑定Google地图组件
★255 - vue轻量级进度条
★241 - 移动友好的图片文件输入组件
★233 - VueJS的无限滚动插件
★216 - 分页数据的简约VueJS插件
★215 - Vuejs文件上传组件
★212 - Vonic UI的功能性组件
★204 - 基于Quill适用于Vue2的富文本编辑器
★202 - 日期时间选择控件
★192 - VueJS视频及直播播放器
★184 - 支持lunar和日期事件的日期选择器
★179 - 基于vue.js的全日历组件
★178 - 基于Vuejs2的开源 UI 组件库
★175 - 无限滚动组件
★172 - 显示数据的bootstrap样式网格
★172 - 带星星动画的vue点赞按钮
★171 - VueJS的双向下拉刷新组件
★168 - 带任意数目数据的顺畅的滚动
★166 - 轻量级的vue上传插件
★157 - 数据可视化
★147 - 所见即所得的编辑器
★137 - html5所见即所得编辑器
★130 - vue 滑动组件
★128 - vuejs的消息框
★127 - vue轻量级滑动组件
★120 - 移动优化的vue图片懒加载插件
★117 - 使拖放变得简单
★115 - 创建排序列表的Vue指令
★111 - 基于微信WeUI所开发的专用于Vue2的组件库
★110 - 用于文件上传的Vue组件
★109 - Vue的渐进图像加载插件
★106 - 轻松渲染一个图表
★103 - VueJS的3D轮播组件
★101 - 易于使用的滑块组件
★98 - 创建VueJS动态表格
★94 - 显示一组图片的lightbox组件
★94 - 选择中国的省份市和地区
★93 - 在vue1和vue2中使用滑块
★92 - 移动Vuejs2 UI元素
★89 - 模拟用户输入选择和删除文本的Vue组件
★89 - 元素中加载block的Vue指令
★88 - 轻松创建自动提示的自定义搜索控件
★87 - 使元素可以拖拽
★87 - 使用Vuejs创建的DataTableView
★81 - 最简单的仿Youtube加载条视图
★76 - 漂亮的Vue日期选择器组件
★73 - HighCharts组件
★73 - Vue.js的HTML5视频播放器
★71 - 带绑定信息提示的提示工具
★70 - vue图片剪裁上传组件
★68 - VueJS的toast插件
★66 - VueJS的Markdown编辑器组件
★64 - vuejs的触摸ripple组件
★62 - 创建svg图标组件的工具
★61 - 下拉时间选择器
★61 - 实时编辑CSS组件工具
★60 - VueJS日期选择器组件
★59 - 最简单的滚动区域组件
★57 - 处理占位符图片和乱码
★56 - 导入谷歌登录按钮
★56 - vue组件构建quill编辑器
★54 - VueJS浮动标签模式
★51 - 基于 Vue 2的百度地图组件库
★49 - HTML编辑器
★47 - 社交分享组件
★43 - Vue 2.x的滑块组件
★43 - 拥有独一无二mask的表单
★41 - 基于VueJS的标签组件
★38 - 基于flatpickr的时间选择组件
★38 - vue手机端网页音乐播放器
★37 - 强大的高速的vue图表解析
★35 - 网页表格组件
★35 - 用于管理弹出框的遮盖层
★34 - Vue2及weui1开发的组件
★33 - 包含一套完整的移动UI
★33 - vue FullCalendar封装
★33 - 实现流畅轮播框的vue组件
★32 - Vuejs组件封装Morrisjs库
★32 - Vue MD风格组件
★31 - 可排序可检索的表格
★30 - 基于Vue2的图片输入框
★29 - Vue.js放射性进度条组件
★29 - 基于vue的图像剪辑组件
★27 - 全面的HTML表单管理的解决方案
★27 - Vue2的上拉下拉
★27 - 响应式的侧边导航
★26 - VueJS移动加载指示器插件
★26 - 制作谷歌MD风格涟漪效果的Vue组件
★25 - 懒加载背景组件的Vue组件
★24 - VueJS虚拟键盘组件
★24 - Vue Bulma的chartjs组件
★24 - vue滚动
★23 - VueJS一行代码实现优美图表
★22 - 用 vue 写的树层级组件
★21 - vue 移动端轮播组件
★20 - 基于vue的日期选择器
★20 - 多tab页轻型框架
★19 - 带气泡提示的vue校验插件
★17 - waves的VueJS版本
★15 - 整洁的视觉效果
★14 - 城市选择器
★14 - 图片加载UI组件
★13 - vue组件类型
★12 - smoothscroll的VueJS版本
★11 - vue树视图组件
★9 - 简单的VueJS分页组件
★8 - iOS7+ 风格的alertview服务
★7 - 订单来了的公共组件库
★7 - PACOUI的vue组件
★5 - Vue China map可视化组件
★4 - Vue按钮组件
###开发框架
★46256 - 流行的轻量高效的前端组件化方案
★3340 - Vue管理面板框架
★1476 - 响应式网站和混合移动应用程序
★1365 - 现代VueJS启动器
★1333 - Electron及VueJS快速启动样板
★247 - Vue2单页应用样板
★232 - 前后端分离后的单页应用开发
★217 - VueJS与Framework7结合
★139 - 轻量级高性能MVVM Admin UI框架
★101 - 仿VueJS Vue loader示例
★84 - 实时的用户友好的后台系统
★37 - vue启动页
★6160 - 专为 Vue.js 应用程序开发的状态管理模式
★1612 - vue的验证器插件
★1484 - Vue.js 针对Webpack的组件装载插件
★821 - 用于懒加载的Vue模块
★778 - 简单轻量级的基于模块的Vue.js验证
★716 - VueJS的多语言切换插件
★680 - qingcheng主题
★464 - 创建管理面板网站的UI库
★341 - VueJS的socketio实现
★295 - head标签的meta信息操作
★269 - 管理app的meta信息
★266 - vue和meteor整合
★229 - 将axios整合到VueJS的封装
★179 - 封装Flatpickr的Vue组件
★135 - VueJS测试实用工具库
★116 - vue2的可变彩色svg图标方案
★107 - 可重用VueJS组件的焦点指令
★88 - 跨浏览器CSS3动画库
★83 - 结合VueJS使用的Framework7组件
★82 - vue的Bootstrap样式组件
★76 - 用实时编辑和预览来渲染Vue组件
★68 - reactive的在线和离线组件
★68 - 用于Vue组件的延迟渲染
★67 - 交互式密码强度计
★64 - VueJS的剪贴板
★62 - 支持 vuecli 的 Element UI 的后台模板
★56 - 在组件外部渲染DOM
★55 - 简化事件的VueJS插件
★55 - 将选择的API封装到Vue对象中的插件
★55 - 基于cleave.js的Cleave组件
★54 - Cordova的VueJS插件
★53 - 应用于Vue.js的Vue-ShortKey 插件
★52 - 页面过渡插件
★50 - VueJS的手势事件插件
★49 - VueJS和属性Decorator
★49 - 用于qartjs的Vue2指令
★48 - vuejs无限滚动列表
★47 - 从html及js环境加载vue文件
★47 - 处理VueJS事件
★46 - VueJS的Websocket插件
★45 - 具有类型支持的Vuejs本地储存插件
★43 - 轻量级开源实用用层
★42 - 滚动到元素的VueJS指令
★42 - 懒加载图片
★39 - VueJS的事件总线
★35 - vue插件的Reactive层
★34 - HTML标题管理器
★33 - 保持mutation与视图组件的分离
★33 - 懒加载组件或者元素的Vue指令
★33 - vue中添加用于配合媒体查询的方法
★32 - 非阻塞通知库
★32 - 当元素在页面上可见或隐藏时检测
★32 - 在Vue装载机检查脚本
★30 - 简单通用的分页组件
★27 - 检测HTML调整大小事件的vue指令
★26 - 定位插件
★25 - 分享某种Vuex mutations
★24 - VueJS访问控制列表插件
★17 - Vue Bulma的modal组件
★16 - 将文件转换为Base64的vue组件
★15 - 适用于Vue2的dom拖动组件
★15 - Famous库的vue组件
★13 - 异步的表单验证组件
★12 - 检测图片加载的VueJS指令
★12 - 用于字符串titlecased的VueJS过滤器
★11 - 简单的表单验证
★9 - 截断字符串的VueJS过滤器
★9 - 一个高级zoombox
★5 - 基于内容自动调整文本输入的大小
★4 - 图片懒加载插件
★2810 - 用于服务器渲染Vue app的最小化框架
★152 - 简单的使用服务器端渲染vue.js
★70 - 非常简单的VueJS服务器端渲染模板
★57 - 结合Express使用Vue2服务端渲染
★25 - Nodejs服务端渲染
###辅助工具
★559 - Vuejs可视化及压力测试
★461 - 展示Vue组件的最小化框架
★194 - 目前vscode最好的vue代码提示插件
★40 - 轻松生成Vue js组件的CLI工具
★33 - 简单的多页CLI
★26 - vuejs starter套件
###应用实例
★7214 - 基于网络的个人音频流媒体服务
★4037 - 轻量级的CMS建站系统
★1059 - 博客平台
★965 - 个人博客系统
[PJ Blog]( Blog) ★732 - 开源博客
★628 - 重写vue版cnode社区
★415 - 博客内容管理器
★328 - 简单的rss阅读器
★211 - 依赖GitHub Pages无需本地生成的静态博客
★112 - 实时的协作工具
★99 - Web版的聊天应用
★70 - nuvo-dashing-js的fork
★53 - 功能极其简单的笔记本
★40 - 使用Vue2.0 和Vuex的vue-blog
###Demo示例
★2965 - 重写饿了么webapp
★2156 - 基于vue重写Cnodejs.org的webapp
★1208 - 高仿网易云音乐的webapp
★885 - 知乎日报 with Vuejs
★777 - vue.js开发微信app界面
★725 - 从零构建vue2 + vue-router + vuex 开发环境
★639 - 高仿饿了么app商家详情
★590 - vue简易留言板
★514 - 单页应用启动套件
★511 - vue/vuex/redux仿卖座网
★502 - Vue 音乐搜索播放
★413 - vue最新实战项目
★403 - 模仿豆瓣前端
★391 - 知乎日报web版
★339 - 蘑菇街移动端
★332 - Vue2高仿饿了么外卖平台
★327 - vuejs仿写酷狗音乐webapp
★256 - vue2.0与express构建淘票票页面
★242 - 一个前后端完全分离的单页应用
★241 - Node.js+Vue.js+webpack快速开发框架
★227 - VueJS仿小米官网
★216 - 使用Vue实现简易web
★211 - Vue2实现简易豆瓣电影webApp
★201 - 流行开源工具集成demo
★192 - 使用Vue2全家桶仿制卖座电影
★171 - 知乎日报 Web 版本
★170 - 登录拦截登出功能
★167 - vue和adminLte整合应用
★141 - 大学生交流平台
★139 - Vuejs单页网页应用
★116 - 使用带有Django的vuejs的样板项目
★107 - 基于vue的在线电影影讯网站
★105 - 开源的个人blog项目
★104 - 简单的前后端分离案例
★104 - vue单页应用demo
★95 - 本地存储的记事本
★95 - 基于vue和websocket的多人在线聊天室
★90 - 基于图片分享的社交平台
★82 - 前后端分离博客
★82 - 使用Vue2.0+vue-router+vuex创建的zhihudaily
★73 - VueJS框架搭建的rubychina平台
★70 - 基于Vue和Nodejs的Web单页应用
★64 - 使用Vue2和Koa1的全栈demo
★55 - 基于vue全家桶的Cnode社区
★49 - vue2做的出行webapp
★49 - 使用vue2完成多功能集合到小webapp
★49 - 寻找最有趣的GitHub库
★47 - 精简版的ofvue-hackernews-2
★46 - 不是诗人应用
★45 - 基于vue和Element的后台管理系统
★38 - 使用vue2.0 vue-router vuex模拟ios7
★38 - 使用移动框架的示例
★37 - 将vue官方在线示例整合到组件中
★37 - 基于vue和vue-router构建的cnodejs web网站SPA
★34 - 用 Vue 做的 CNode 官网
★32 - 跨平台云音乐播放器
★31 - 移动友好的阅读器
★28 - 轻松查看知乎日报内容
★26 - 音乐VueJS项目
★22 - 使用cNode社区提供的接口
★21 - vuex2商城购物车demo
★20 - 知乎日报
★20 - 搭建cnode社区
★18 - gankio资源的阅读应用
★18 - 用以测试下拉加载与简单路由
★17 - vuejs搭建的售卖平台demo
★17 - vuejs2搭建的极简的todolist
★17 - 简单美观的记事本
★16 - VueJs项目的简单启动页
★10 - 用 vue写的记事本应用
★7 - 用VueJS实现简易计算器
← 上一页：
←下一页：