黑马 Vue3 + ElementPlus + Pinia 小兔鲜电商项目2023版

Day1

01.Vue3小兔鲜先导课

02.认识Vue3

03.使用create-vue创建项目

04.熟悉项目目录和关键文件

05.组合式API入口-setup

06.组合式API-reactive和ref函数

07.组合式API-computed

08.组合式API-watch-基本使用和立即执行

09.组合式API-watch-深度侦听和精确侦听

10.组合式API-生命周期函数

11.组合式API下的父子通信-父传子

12.组合式API下的父子通信-子传父

13.组合式API-模版引用

14.组合式API-provide和inject

15.Vue3综合小案例

16.补充作业-编辑功能作业

Day2

01.Pinia-添加pinia到vue项目

02.Pinia-counter基础使用

03.Pinia-getters和异步action

04.Pinia-storeToRefs和调试

05.项目起步-项目初始化和git管理

06.项目起步-别名路径联想设置

07.项目起步-elementPlus自动按需导入配置

08.项目起步-elementPlus主题色定制

09.项目起步-axios基础配置

10.项目起步-项目整体路由设计

11.项目起步-静态资源引入和ErrorLen安装

12.项目起步-scss文件的自动导入

13.Layout-静态模版结构搭建

14.Layout-字体图标引入

15.Layout-一级导航渲染

16.Layout-吸顶导航交互实现

17.Layout-Pinia优化重复请求

Day3

01.Home-整体结构拆分和分类实现

02.Home-banner轮播图实现

03.Home-面板组件封装

04.Home-新鲜好物业务实现

05.Home-图片懒加载指令实现

06.Home-懒加载指令优化

07.Home-Product产品列表实现

08.Home-GoodsItem组件封装

09.一级分类-整体认识和路由配置

10.一级分类-面包屑导航渲染

11.一级分类-轮播图功能实现

12.一级分类-激活状态控制和分类列表渲染

13.一级分类-解决路由缓存问题

14.一级分类-使用逻辑函数拆分业务

Day4

01.二级分类-整体认识和路由配置

02.二级分类-面包屑导航实现

03.二级分类-基础商品列表实现

04.二级分类-列表筛选功能实现

05.二级分类-列表无限加载实现

06.二级分类-定制路由滚动行为

07.详情页-整体认识和路由配置

08.详情页-基础数据渲染

09.详情页-热榜区-基础组件封装和数据渲染

10.详情页-热榜区-适配不同title和数据列表

11.详情页-图片预览组件-小图切换大图显示

12.详情页-图片预览组件-放大镜-滑块跟随移动

13.详情页-图片预览组件-放大镜-大图效果实现

14.详情页-图片预览组件-props适配和整体总结

15.详情页-SKU组件熟悉使用

16.详情页-通用组件统一注册全局

Day5

01.登录-整体认识和路由配置

02.登录-表单校验实现

03.登录-表单校验-自定义校验规则

04.登录-表单校验-统一校验

05.登录-基础功能实现

06.登录-Pinia管理用户数据

07.登录-Pinia用户数据持久化

08.登录-登录和非登录状态下的模版适配

09.登录-请求拦截器携带Token

10.登录-退出登录功能实现

11.登录-Token失效401拦截处理

12.购物车-流程梳理和本地加入购物车实现

13.购物车-本地-头部购物车列表渲染

14.购物车-本地-头部购物车删除功能实现

15.购物车-本地-头部购物车统计计算

Day6

01.购物车-本地-列表购物车基础数据渲染

02.购物车-本地-列表购物车单选功能

03.购物车-本地-购物车列表全选功能

04.购物车-本地-购物车列表统计数据实现

05.购物车-接口-加入购物车

06.购物车-接口-删除购物车

07.退出登录-清空购物车数据

08.购物车-合并本地购物车到服务器

09.结算-路由配置和基础数据渲染

10.结算-地址切换-打开弹框交互实现

11.结算-切换地址-地址激活交互实现

12.结算-生成订单功能实现

13.支付-渲染基础数据

14.支付-实现支付功能

15.支付-支付结果展示

16.支付-封装倒计时函数

Day7

01.会员中心-整体功能梳理和路由配置

02.会员中心-个人中心信息渲染

03.会员中心-我的订单-基础订单列表实现

04.会员中心-我的订单-tab切换实现

05.会员中心-我的订单-分页逻辑实现

06.会员中心-细节优化

07.拓展课-SKU组件-功能拆解

08.拓展课-SKU组件-点击规格更新选中状态

09.拓展课-SKU组件-获取有效路径字典

10.拓展课-SKU组件-初始化时更新禁用状态

11.拓展课-SKU组件-点击时组合更新禁用状态

12.拓展课-SKU组件-产出有效的SKU对象信息