Vue JS 项目实战 之美 团 外卖 Vue JS 2+ Webpack Vue router+ Axios

淘淘宅课程出品，必属精品，关注公众号 [淘淘宅] 获取最新资源。

目錄 Show

• 你将会学到的
• 下载权限
• 查看演示
• 你将会学到的
• 下载权限
• 相关文章
• 李南江 Web 全栈大佬入门完整资源课程
• 深入 Vue3 + TypeScript 技术栈课程

Vue JS 2 + Webpack + Vue-router + Axios 构建 App，组件化、模块化开发方式。从项目的计划阶段、需求分析、设计阶段、编码、测试、项目打包，了解项目从 0 到1 的整个开发流程。

你将会学到的

通过高仿《美团外卖》外卖 APP 学会Vuejs的实际使用，使用Vue.js+webpack等前端最新最热的技术，采用组件化、模块化的开发方式，让你用更少的代码做更快速的开发。

提取外卖App最核心的商家模块（包括商品、评论、商家介绍等各模块），完全高仿《美团外卖》外卖APP，让你更能领略Vue.js组件化的魅力。

以外卖App商家页为主线，引出开发所涉及的各种相关知识点，让同学们了解一个项目从0到1的整个过程，干货满满。

为了让你更容易在工作中实际运用 Vue.js，讲师以上线代码的标准写代码，让你切实感受到什么是扩展性、通用性强的优质代码。

下载权限

查看

• ￥

  免费下载

  评论并刷新后下载

  登录后下载

查看演示

• {{attr.name}}：

您当前等级为

登录后免费下载登录 黑名单反思中，不准下载！ 评论后刷新页面下载评论 支付￥以后下载 需要登录 您今天的下载次数（次）已用完，隔日重置 支付积分后下载立即支付 支付后下载立即支付 您当前用户组不允许下载点击升级会员

您已获得下载权限 您可以每天下载资源次，今日剩余次

本站资源均来自网络分享，仅用于站内学习或测试研究使用。如有侵犯您的权益请私信留言，我们会第一时间审核。未经原版权作者许可，禁止用于任何商业途径，请在下载二十四小时内删除！

如果遇到需要升级才可获取的素材，建议升级对应的权限。 全站 90% 以上的素材“均有备份”。 本站资源均以主流网盘分享，以 7z、rar、分卷等常见的格式压缩，为防止有人压缩软件不支持 7z 格式，7z 解压，建议下载 7-zip，zip、rar 解压，建议下载 WinRAR。 手机下载解压教程详见 帮助中心 。

Vue JS 2 + Webpack + Vue-router + Axios 构建 App，组件化、模块化开发方式。从项目的计划阶段、需求分析、设计阶段、编码、测试、项目打包，了解项目从 0 到1 的整个开发流程。

你将会学到的

通过高仿《美团外卖》外卖 APP 学会Vuejs的实际使用，使用Vue.js+webpack等前端最新最热的技术，采用组件化、模块化的开发方式，让你用更少的代码做更快速的开发。

提取外卖App最核心的商家模块（包括商品、评论、商家介绍等各模块），完全高仿《美团外卖》外卖APP，让你更能领略Vue.js组件化的魅力。

以外卖App商家页为主线，引出开发所涉及的各种相关知识点，让同学们了解一个项目从0到1的整个过程，干货满满。

为了让你更容易在工作中实际运用 Vue.js，讲师以上线代码的标准写代码，让你切实感受到什么是扩展性、通用性强的优质代码。

下载权限

查看

• ￥

  免费下载

  评论并刷新后下载

  登录后下载

• {{attr.name}}：

您当前等级为

登录后免费下载登录 黑名单反思中，不准下载！ 评论后刷新页面下载评论 支付￥以后下载 需要登录 支付积分以后下载立即支付 支付以后下载立即支付 您当前的用户组不允许下载升级权限

您有每天免费下载所有资源次特权，今日剩余次 已取得下载权限

本站资源均来自网络分享，仅用于站内学习或测试研究使用。如有侵犯您的权益请私信留言，我们会第一时间审核。未经原版权作者许可，禁止用于任何商业途径，请在下载二十四小时内删除！

如果遇到需要升级才可获取的素材，建议升级对应的权限。 全站 90% 以上的素材“均有备份”。 本站资源均以主流网盘分享，以 7z、rar、分卷等常见的格式压缩，为防止有人压缩软件不支持 7z 格式，7z 解压，建议下载 7-zip，zip、rar 解压，建议下载 WinRAR。 手机下载解压教程详见 帮助中心 。

vue.js实战项目：美团外卖平台

第1章 课程简介

1-1 课程简介

1-2 课程安排

第2章 Vue.js介绍

2-1 Vuejs介绍-近年来前端开发趋势

2-2 Vuejs介绍-MVVM框架

2-3 Vuejs介绍-什么是Vuejs及Vuejs生态

2-4 Vuejs介绍-对比Angular、React

2-5 Vuejs介绍-Vuejs核心思想

第3章 Vue-cli开启Vuejs项目

3-1 Vue-cli介绍

3-2 Vue-cli安装

3-3 项目文件介绍

3-4 项目运行

3-5 webpack打包(上)

3-6 webpack打包(中)

3-7 webpack打包(下)

第4章 项目实战-准备工作

4-1 需求分析

4-2 项目资源准备

4-3 图标字体制作

4-4 项目目录设计

4-5 mock数据(模拟后台数据)

第5章 项目实战-页面骨架开发

5-1 组件拆分(上)

5-2 组件拆分(中)

5-3 组件拆分(下)

5-4 Vue-router(上)

5-5 Vue-router(下)

5-6 1像素border实现

第6章 项目实战-header组件开发

6-1 Vue-resource应用(上)

6-2 Vue-resource应用(下)

6-3 外部组件(1)

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剩余组件实现(下)

第7章 项目实战-goods 商品列表页开发

7-1 布局编写

7-2 左侧布局

7-3 右侧食品列表布局

......

7-24 购物车详情页(4)

第8章 项目实战-food商品详情页实现

8-1 商品详情页实现(1)

.......

8-17 评价列表(6)

第9章 ratings评价列表页实现

9-1 ratings组件开发

......

9-6 rating 组件开发

第10章 seller商家详情页实现

10-1 seller组件开发

......

10-9 seller组件开发

第11章 项目实战-项目编译打包

11-1 项目打包_1

11-1 项目打包_2

第12章 课程总结

12-课程项目总结

第13章-vue1.0升级到vue2.0

13-1 配置文件修改

13-2 1.0升级2.0源码修改上

13-3 1.0升级2.0源码修改下

下载地址：百度网盘