课程目录

• Vue3小兔鲜 – day01
• Day1-01.Vue3小兔鲜先导课
• Day1-02.认识Vue3
• Day1-03.使用create-vue创建项目
• Day1-04.熟悉项目目录和关键文件
• Day1-05.组合式API入口-setup
• Day1-06.组合式API-reactive和ref函数
• Day1-07.组合式API-computed
• Day1-08.组合式API-watch-基本使用和立即执行
• Day1-09.组合式API-watch-深度侦听和精确侦听
• Day1-10.组合式API-生命周期函数
• Day1-11.组合式API下的父子通信-父传子
• Day1-12.组合式API下的父子通信-子传父
• Day1-13.组合式API-模版引用
• Day1-14.组合式API-provide和inject
• Day1-15.Vue3综合小案例
• Day1-16.补充作业-编辑功能作业
• Vue3小兔鲜 – day02
• Day2-01.Pinia-添加pinia到vue项目
• Day2-02.Pinia-counter基础使用
• Day2-03.Pinia-getters和异步action
• Day2-04.Pinia-storeToRefs和调试
• Day2-05.项目起步-项目初始化和git管理
• Day2-06.项目起步-别名路径联想设置
• Day2-07.项目起步-elementPlus自动按需导入配置
• Day2-08.项目起步-elementPlus主题色定制
• Day2-09.项目起步-axios基础配置
• Day2-10.项目起步-项目整体路由设计
• Day2-11.项目起步-静态资源引入和ErrorLen安装
• Day2-12.项目起步-scss文件的自动导入
• Day2-13.Layout-静态模版结构搭建
• Day2-14.Layout-字体图标引入
• Day2-15.Layout-一级导航渲染
• Day2-16.Layout-吸顶导航交互实现
• Day2-17.Layout-Pinia优化重复请求
• Vue3小兔鲜 – day03
• Day3-01.Home-整体结构拆分和分类实现
• Day3-02.Home-banner轮播图实现
• Day3-03.Home-面板组件封装
• Day3-04.Home-新鲜好物业务实现
• Day3-05.Home-图片懒加载指令实现
• Day3-06.Home-懒加载指令优化
• Day3-07.Home-Product产品列表实现
• Day3-08.Home-GoodsItem组件封装
• Day3-09.一级分类-整体认识和路由配置
• Day3-10.一级分类-面包屑导航渲染
• Day3-11.一级分类-轮播图功能实现
• Day3-12.一级分类-激活状态控制和分类列表渲染
• Day3-13.一级分类-解决路由缓存问题
• Day3-14.一级分类-使用逻辑函数拆分业务
• Vue3小兔鲜 – day04
• Day4-01.二级分类-整体认识和路由配置
• Day4-02.二级分类-面包屑导航实现
• Day4-03.二级分类-基础商品列表实现
• Day4-04.二级分类-列表筛选功能实现
• Day4-05.二级分类-列表无限加载实现
• Day4-06.二级分类-定制路由滚动行为
• Day4-07.详情页-整体认识和路由配置
• Day4-08.详情页-基础数据渲染
• Day4-09.详情页-热榜区-基础组件封装和数据渲染
• Day4-10.详情页-热榜区-适配不同title和数据列表
• Day4-11.详情页-图片预览组件-小图切换大图显示
• Day4-12.详情页-图片预览组件-放大镜-滑块跟随移动
• Day4-13.详情页-图片预览组件-放大镜-大图效果实现
• Day4-14.详情页-图片预览组件-props适配和整体总结
• Day4-15.详情页-SKU组件熟悉使用
• Day4-16.详情页-通用组件统一注册全局
• Vue3小兔鲜 – day05
• Day5-01.登录-整体认识和路由配置
• Day5-02.登录-表单校验实现
• Day5-03.登录-表单校验-自定义校验规则
• Day5-04.登录-表单校验-统一校验
• Day5-05.登录-基础功能实现
• Day5-06.登录-Pinia管理用户数据
• Day5-07.登录-Pinia用户数据持久化
• Day5-08.登录-登录和非登录状态下的模版适配
• Day5-09.登录-请求拦截器携带Token
• Day5-10.登录-退出登录功能实现
• Day5-11.登录-Token失效401拦截处理
• Day5-12.购物车-流程梳理和本地加入购物车实现
• Day5-13.购物车-本地-头部购物车列表渲染
• Day5-14.购物车-本地-头部购物车删除功能实现
• Day5-15.购物车-本地-头部购物车统计计算
• Vue3小兔鲜 – day06
• Day6-01.购物车-本地-列表购物车基础数据渲染
• Day6-02.购物车-本地-列表购物车单选功能
• Day6-03.购物车-本地-购物车列表全选功能
• Day6-04.购物车-本地-购物车列表统计数据实现
• Day6-05.购物车-接口-加入购物车
• Day6-06.购物车-接口-删除购物车
• Day6-07.退出登录-清空购物车数据
• Day6-08.购物车-合并本地购物车到服务器
• Day6-09.结算-路由配置和基础数据渲染
• Day6-10.结算-地址切换-打开弹框交互实现
• Day6-11.结算-切换地址-地址激活交互实现
• Day6-12.结算-生成订单功能实现
• Day6-13.支付-渲染基础数据
• Day6-14.支付-实现支付功能
• Day6-15.支付-支付结果展示
• Day6-16.支付-封装倒计时函数
• Vue3小兔鲜 – day07
• Day7-01.会员中心-整体功能梳理和路由配置
• Day7-02.会员中心-个人中心信息渲染
• Day7-03.会员中心-我的订单-基础订单列表实现
• Day7-04.会员中心-我的订单-tab切换实现
• Day7-05.会员中心-我的订单-分页逻辑实现
• Day7-06.会员中心-细节优化
• Day7-07.拓展课-SKU组件-功能拆解
• Day7-08.拓展课-SKU组件-点击规格更新选中状态
• Day7-09.拓展课-SKU组件-获取有效路径字典
• Day7-10.拓展课-SKU组件-初始化时更新禁用状态
• Day7-11.拓展课-SKU组件-点击时组合更新禁用状态
• Day7-12.拓展课-SKU组件-产出有效的SKU对象信息
• Vue3小兔鲜 – 配套资料
• 01-PDF
• day01
• day02
• day03
• day04
• day05
• day06
• day07
• 02-笔记
• 1. Vue3入门.md
• 10. 购物车.md
• 11. 订单页.md
• 12. 支付页.md
• 13. 会员中心.md
• 14. 拓展部分.md
• 2. Pinia入门.md
• 3. 项目起步.md
• 4. Layout页.md
• 5. Home页.md
• 6. 一级分类页.md
• 7. 二级分类页.md
• 8. 商品详情.md
• 9. 登录页.md
• 03-code
• vue-rabbit
• 04-素材
• images
• XtxSku
• common.scss
• 接口文档.md
• 小兔鲜测试账号.xls