Vue实战—打造属于自己的外卖系统

• 第1章 第一章
• 1-1 项目功能演示
• 1-2 项目开发准备
• 1-3 创建项目并运行
• 1-4 资源准备
• 1-5 项目源码目录设计
• 1-6 stylus使用
• 1-7 组件化编码
• 1-8 引入vue-router
• 1-9 FooterGuide组件
• 1-10 各导航路由组件(静态)
• 第2章 第二章
• 2-1 HeaderTop组件
• 2-2 使用swiper实现商品分类列表轮播
• 2-3 ShopList组件(静态)
• 2-4 Login组件(静态)
• 2-5 启动后台应用并测试接口
• 2-6 封装ajax请求函数
• 2-7 封装接口请求函数
• 2-8 使用git对项目进行版本控制
• 2-9 复习
• 2-10 配置代理实现跨域ajax请求
• 第3章 第三章
• 3-1 创建vuex的整体结构
• 3-2 使用vuex管理首页数据
• 3-3 异步显示当前地地址
• 3-4 异步显示食品分类轮播列表
• 3-5 使用watch和$nextTick解决轮播的bug
• 3-6 异步显示商家列表
• 3-7 使用svg显示加载中提示界面
• 3-8 Star组件
• 3-9 注册登陆功能演示说明
• 3-10 登陆界面效果1_切换登陆方式
• 第4章 第四章
• 4-1 登陆界面效果2_手机号检查
• 4-2 登陆界面效果3_倒计时效果
• 4-3 登陆界面效果4_切换密码的显示和隐藏正在学
• 4-4 登陆界面效果5_前台表达验证
• 4-5 复习
• 4-6 动态一次性图形验证码
• 4-7 定义接口请求函数
• 4-8 登陆_发送短信验证码
• 4-9 登陆_完成登陆请求
• 4-10 登陆_保存用户信息到vuex
• 第5章 第五章
• 5-1 登陆后更新个人中心界面
• 5-2 登陆更新跳转路由
• 5-3 自动登陆
• 5-4 退出登陆
• 5-5 搭建商家整体界面
• 5-6 json的理解
• 5-7 设计json数据
• 5-8 使用mockjs模拟接口数据
• 5-9 ajax请求mockjs模拟的接口
• 5-10 ShopHeader组件
• 第6章 第六章
• 6-1 复习
• 6-2 异步显示goods数据
• 6-3 滑动效果分析
• 6-4 使用better-scroll实现回弹滑动
• 6-5 收集scrollY
• 6-6 收集tops
• 6-7 滑动右侧列表更新当前分类
• 6-8 解决惯性滑动不更新当前分类的bug
• 6-9 点击分类项滑动右侧列表
• 6-10 CartControl组件1
• 第7章 第七章
• 7-1 CartControl组件2
• 7-2 Food组件1
• 7-3 Food组件2
• 7-4 ShopCart组件1
• 7-5 ShopCart组件2
• 7-6 显示购物项列表
• 7-7 解决列表显示的3个bug
• 7-8 复习
• 7-9 购物车动画
• 7-10 购物车列表的滑动
• 第8章 第八章
• 8-1 清空购物车
• 8-2 ShopRatings组件1
• 8-3 ShopRatings组件2
• 8-4 ShopInfo组件1
• 8-5 ShopInfo组件2
• 8-6 ShopInfo组件3
• 8-7 Search组件
• 8-8 缓存路由组件对象
• 8-9 路由组件懒加载
• 8-10 图片懒加载vue-lazyload
• 8-11 使用moment实现日期过滤器
• 8-12 打包文件分析与优化