Vue3小兔鲜儿企业级电商项目开发实战

在前端开发领域，企业级电商项目是检验技术实力的试金石。如果你想掌握Vue3生态核心技术，开发高性能、可扩展的电商系统，几米课堂的《Vue3小兔鲜儿企业级电商项目开发实战》课程将带你从零构建完整的电商平台，积累可直接写入简历的实战经验。

*   00 资料/

  *   01 Vue3.0小兔鲜儿项目资料.zip (1.49 MB)

*   01 Vue3.0组合式API(01)/

  *   01 01-为什么学vue3 (21.11 MB), 07:06

  *   02 02-vite基本使用 (20.79 MB), 08:42

  *   03 03-创建vue应用 (20.09 MB), 10:04

  *   04 04-选项API和组合API (38.13 MB), 14:11

  *   05 05-组合API-setup函数 (30.13 MB), 13:03

  *   06 06-组合API-生命周期 (31.56 MB), 12:00

*   02 Vue3.0组合式API(02)/

  *   01 07-组合API-reactive函数 (27.01 MB), 11:02

  *   02 08-组合API-toRef函数 (32.01 MB), 12:23

  *   03 09-组合API-toRefs函数 (40.24 MB), 14:22

  *   04 10-组合API-ref函数 (40.82 MB), 16:42

  *   05 11-知识运用案例 (44.61 MB), 15:33

*   03 Vue3.0组合式API(03)/

  *   01 12-组合API-computed函数-01基本使用 (20.06 MB), 08:53

  *   02 12-组合API-computed函数-02高级使用 (27.44 MB), 10:54

  *   03 13-组合API-watch函数 (74.77 MB), 27:21

  *   04 13-组合API-watch函数-需要深度监听情况 (8.00 MB), 02:40

  *   05 14-组合API-ref属性 (64.27 MB), 23:45

*   04 Vue3.0组合式API(04)/

  *   01 15-组合API-父子通讯-01父传子 (32.60 MB), 13:41

  *   02 15-组合API-父子通讯-02子传父 (30.93 MB), 11:10

  *   03 15-组合API-父子通讯-03-v-model新用法 (33.85 MB), 13:49

  *   04 16-组合API-依赖注入 (61.80 MB), 23:42

*   05 项目介绍/

  *   01 01-补充-v-model语法糖 (51.69 MB), 17:01

  *   02 02-补充-mixins语法 (79.42 MB), 28:50

  *   03 03-项目介绍 (51.55 MB), 12:04

  *   04 04-配套资源 (25.16 MB), 08:05

  *   05 05-使用技术 (17.72 MB), 06:14

  *   06 06-前情提要 (12.67 MB), 05:03

*   06 项目搭建/

  *   01 07-创建项目 (22.93 MB), 09:20

  *   02 08-目录调整-01调整代码和目录 (36.89 MB), 17:04

  *   03 09-目录调整-额外配置文件 (16.91 MB), 07:05

  *   04 10-vuex-vue3.0的根模块各种用法 (37.93 MB), 14:25

  *   05 11-vuex-vue3.0模块的用法 (57.63 MB), 19:40

  *   06 12-准备远端仓库查看代码 (10.89 MB), 03:41

*   07 Vuex持久化+axios拦截器/

  *   01 13-vuex-持久化 (56.99 MB), 21:58

  *   02 14-请求工具-01创建新axios实例&请求拦截器 (49.02 MB), 15:16

  *   03 15-请求工具-响应拦截器 (69.62 MB), 22:43

*   08 axios请求封装+路由设计/

  *   01 16-请求工具-03-请求函数封装 (38.19 MB), 13:15

  *   02 17-请求工具-04-测试请求工具函数 (24.62 MB), 08:14

  *   03 18-路由设计 (21.04 MB), 06:32

  *   04 19-首页-路由与组件 (21.92 MB), 08:01

  *   05 20-首页-less的自动化导入-01准备变量文件和混入文件 (41.08 MB), 13:46

  *   06 21-首页-less的自动化导入-02自动导入 (38.11 MB), 10:55

*   09 首页布局分析+布局/

  *   01 01-昨日回顾&今日介绍 (32.58 MB), 10:11

  *   02 02-首页-样式重置与公用 (30.93 MB), 08:52

  *   03 03-首页-顶部通栏布局 (50.55 MB), 13:31

  *   04 04-首页-顶部通栏布局-setup使用vuex数据需要计算属性 (10.07 MB), 02:26

  *   05 05-首页-头部布局 (18.10 MB), 04:01

  *   06 06-首页-底部布局 (18.60 MB), 03:45

*   10 首页头部导航组件和交互/

  *   01 07-首页-头部分类导航组件 (50.65 MB), 11:06

  *   02 08-首页-头部分类导航渲染 (85.77 MB), 24:04

  *   03 09-首页-头部分类导航交互 (82.39 MB), 23:40

  *   04 10-首页-吸顶头部组件-传统实现 (65.02 MB), 16:34

  *   05 11-首页-吸顶头部组件-组合API (45.02 MB), 12:24

*   11 首页主体区域布局和功能实现/

  *   01 12-首页主体-左侧分类-结构渲染 (87.78 MB), 20:34

  *   02 13-首页主体-左侧分类-弹层展示 (56.43 MB), 13:02

  *   03 14-首页主体-左侧分类-处理品牌 (102.78 MB), 24:50

  *   04 15-首页主体-左侧分类-骨架效果 (114.90 MB), 35:24

*   12 轮播图布局+逻辑封装/

  *   01 01-昨日回顾&今日介绍 (31.60 MB), 07:09

  *   02 02-首页主体-轮播图-基础布局 (58.35 MB), 15:44

  *   03 03-首页主体-轮播图-渲染结构 (42.16 MB), 12:15

  *   04 04-首页主体-轮播图-逻辑封装 (104.90 MB), 29:09

*   13 首页主体-面板封装/

  *   01 05-首页主体-面板封装 (56.95 MB), 14:25

  *   02 06-首页主体-新鲜好物 (24.14 MB), 06:43

  *   03 07-首页主体-人气推荐 (29.55 MB), 07:10

  *   04 08-首页主体-补充-vue动画 (53.94 MB), 16:24

  *   05 09-首页主体-面板骨架效果 (58.66 MB), 13:14

*   14 组件数据懒加载/

  *   01 10-首页主体-组件数据懒加载 (110.70 MB), 27:58

  *   02 11-首页主体-组件数据懒加载-补充 (30.17 MB), 07:10

  *   03 12-首页主体-热门品牌-01基础功能 (68.92 MB), 16:48

  *   04 13-首页主体-热门品牌-02骨架和数据懒加载 (37.80 MB), 08:20

*   15 图片懒加载/

  *   01 14-首页主体-商品区块 (122.57 MB), 25:35

  *   02 15-首页主体-最新专题 (42.25 MB), 07:51

  *   03 16-首页主体-图片懒加载-01-IntersectionObserver了解 (26.61 MB), 07:37

  *   04 17-首页主体-图片懒加载-02-懒加载指令 (126.46 MB), 28:36

*   16 面包屑组件/

  *   01 00-昨日回顾&今日介绍 (76.19 MB), 04:50

  *   02 01-顶级类目-面包屑组件-初级 (119.18 MB), 16:44

  *   03 02-顶级类目-面包屑组件-高级-01过渡mp4 (472.33 MB), 22:37

  *   04 02-顶级类目-面包屑组件-高级-02终极 (774.29 MB), 36:04

*   17 批量注册组件+分类商品/

  *   01 03-顶级类目-批量注册组件 (60.72 MB), 16:51

  *   02 04-顶级类目-基础布局搭建 (70.65 MB), 18:20

  *   03 04-顶级类目-基础布局搭建-改造 (6.35 MB), 01:28

  *   04 05-顶级类目-分类商品-布局 (19.13 MB), 04:30

  *   05 06-顶级类目-分类商品-展示 (69.74 MB), 18:48

  *   06 07-顶级类目-面包屑切换动画 (56.61 MB), 16:07

*   18 筛选区展示/

  *   01 08-二级类目-处理跳转细节 (56.57 MB), 17:52

  *   02 09-二级类目-展示面包屑 (66.35 MB), 18:05

  *   03 10-二级类目-筛选区展示 (161.41 MB), 44:29

*   19 复选框组件封装+排序组件/

  *   01 00-昨日回顾&今日介绍 (17.26 MB), 06:29

  *   02 01-二级类目-复选框组件封装 (128.42 MB), 37:55

  *   03 02-二级类目-结果区-排序组件 (107.38 MB), 27:18

*   20 无限加载组件+排序和筛选/

  *   01 03-二级类目-结果区-数据加载-01-无限加载组件 (88.85 MB), 27:36

  *   02 04-二级类目-结果区-数据加载-02-使用无限加载数据加载商品数据 (94.05 MB), 22:07

  *   03 05-二级类目-结果区-进行筛选-01-排序 (66.78 MB), 17:23

  *   04 06-二级类目-结果区-进行筛选-02-筛选 (113.27 MB), 29:24

*   21 图片预览组件+图片放大镜/

  *   01 07-商品详情-基础布局 (25.92 MB), 06:37

  *   02 08-商品详情-渲染面包屑 (93.58 MB), 25:25

  *   03 09-商品详情-图片预览组件 (33.73 MB), 07:52

  *   04 10-商品详情-图片放大镜 (138.49 MB), 37:32

  *   05 11-商品详情-基本信息展示 (26.98 MB), 06:19

*   22 城市组件/

  *   01 00-昨日回顾&今日介绍 (12.32 MB), 04:34

  *   02 01-商品详情-城市组件-基础布局 (68.94 MB), 21:20

  *   03 02-商品详情-城市组件-获取数据 (130.45 MB), 38:16

  *   04 03-商品详情-城市组件-交互逻辑 (157.67 MB), 41:30

*   23 SKU&SPU概念/

  *   01 04-★规格组件-SKU&SPU概念 (37.05 MB), 10:02

  *   02 05-★规格组件-基础结构和样式 (14.92 MB), 03:37

  *   03 06-★规格组件-渲染与选中效果 (75.76 MB), 22:02

*   24 规格组件禁用效果/

  *   01 07-★规格组件-禁用效果-思路分析 (47.74 MB), 26:23

  *   02 08-★规格组件-禁用效果-路径字典 (115.72 MB), 32:24

  *   03 09-★规格组件-禁用效果-设置状态 (127.24 MB), 41:28

*   25 规格组件数据通讯/

  *   01 00-昨日反馈&今日介绍 (12.67 MB), 04:33

  *   02 01-梳理下SKU组件选中和禁用功能 (36.16 MB), 17:26

  *   03 02-★规格组件-数据通讯-01根据skuId默认选中按钮 (77.52 MB), 20:57

  *   04 03-★规格组件-数据通讯-02选择sku后通知父组件sku信息 (101.97 MB), 27:54

*   26 商品详情中的相关组件（一）/

  *   01 04-商品详情-数量选择组件 (72.99 MB), 20:26

  *   02 05-商品详情-按钮组件 (29.89 MB), 08:10

  *   03 06-商品详情-同类推荐组件 (140.41 MB), 36:49

*   27 商品详情中的相关组件（二）/

  *   01 07-商品详情-标签页组件 (72.22 MB), 20:10

  *   02 08-商品详情-热榜组件 (72.32 MB), 19:46

  *   03 09-商品详情-详情组件 (52.97 MB), 11:10

  *   04 10-商品详情-注意事项组件 (10.92 MB), 01:49

*   28 评价组件/

  *   01 11-商品详情-评价组件-头部渲染 (92.98 MB), 24:42

  *   02 12-商品详情-评价组件-实现列表-01需求确认&基本布局 (27.18 MB), 07:11

  *   03 12-商品详情-评价组件-实现列表-02-筛选参数准备&获取数据 (105.45 MB), 24:53

  *   04 12-商品详情-评价组件-实现列表-03-完成渲染&格式化函数 (98.69 MB), 19:01

*   29 图片预览+分页组件/

  *   01 00-昨日反馈&今日介绍 (20.29 MB), 09:07

  *   02 02-商品详情-评价组件-图片预览 (65.05 MB), 14:25

  *   03 03-商品详情-评价组件-★分页组件-01依赖数据分析 (58.16 MB), 18:15

  *   04 04-商品详情-评价组件-★分页组件-02得到需要的数据 (119.63 MB), 32:18

  *   05 04-商品详情-评价组件-★分页组件-03渲染组件和切换分页 (48.64 MB), 10:37

  *   06 04-商品详情-评价组件-★分页组件-04数据通讯和使用 (152.37 MB), 29:38

*   30 登录表单校验/

  *   01 05-登录-路由与组件 (10.29 MB), 02:54

  *   02 06-登录-基础布局 (27.54 MB), 08:24

  *   03 07-登录-切换效果 (17.37 MB), 03:54

  *   04 08-登录-表单组件 (38.66 MB), 09:00

  *   05 09-登录-表单校验-01-大致步骤 (29.66 MB), 08:09

  *   06 09-登录-表单校验-02-基本使用 (97.94 MB), 21:40

  *   07 09-登录-表单校验-03-完成所有校验 (164.75 MB), 41:49

*   31 消息提示组件封装/

  *   01 10-登录-消息提示组件封装-01基本功能和动画 (80.17 MB), 23:46

  *   02 10-登录-消息提示组件封装-02函数式调用 (117.74 MB), 33:19

*   32 手机号登录/

  *   01 00-昨日反馈&今日介绍 (14.00 MB), 05:05

  *   02 01-登录-账户登录 (90.45 MB), 22:17

  *   03 02-登录-手机号登录-01-思路分析&发送短信验证码 (145.61 MB), 35:38

  *   04 03-登录-手机号登录-02完成登录 (65.81 MB), 12:51

*   33 QQ登录流程分析+布局/

  *   01 04-退出登录 (18.36 MB), 03:57

  *   02 05-登录-QQ登录-流程分析 (25.38 MB), 09:00

  *   03 06-登录-QQ登录-按钮处理-01-本地host (49.87 MB), 15:50

  *   04 07-登录-QQ登录-按钮处理-02-按钮跳转 (85.93 MB), 20:58

  *   05 08-登录-QQ登录-回跳页面-01-基础布局 (33.04 MB), 09:34

  *   06 09-登录-QQ登录-回跳页面-02-绑定帐号组件&完善信息组件 (20.65 MB), 05:17

*   34 QQ登录表单校验/

  *   01 10-登录-QQ登录-已注册已绑定 (160.41 MB), 41:28

  *   02 11-登录-QQ登录-已注册未绑定-01-获取唯一标识和昵称头像 (52.22 MB), 14:09

  *   03 12-登录-QQ登录-已注册未绑定-02-表单校验 (37.08 MB), 08:58

*   35 QQ登录立即绑定+发送短信验证码/

  *   01 13-登录-QQ登录-已注册未绑定-03-发送短信验证码 (43.79 MB), 08:27

  *   02 14-登录-QQ登录-已注册未绑定-04-立即绑定 (47.16 MB), 09:40

  *   03 15-登录-QQ登录-未绑定没账号 (158.65 MB), 35:55

*   36 加入购物车分析+编写Vuex/

  *   01 00-每日反馈&今日介绍 (42.71 MB), 12:44

  *   02 01-购物车功能分析 (27.34 MB), 09:55

  *   03 02-加入购物车-本地（约定存储字段，编写vuex的mutations和actions,在商品详情加入购物车） (167.67 MB), 51:19

*   37 头部购物车商品列表+删除操作/

  *   01 03-头部购物车-基础布局&渲染 (108.67 MB), 29:50

  *   02 04-头部购物车-商品列表-本地 (155.65 MB), 47:45

  *   03 05-头部购物车-删除操作-本地 (44.11 MB), 12:08

*   38 购物车页面列表展示+单选操作/

  *   01 06-购物车页面-基础布局 (39.12 MB), 08:43

  *   02 07-购物车页面-列表展示-本地 (128.30 MB), 30:25

  *   03 08-购物车页面-单选操作-本地 (69.99 MB), 18:19

  *   04 09-购物车页面-全选操作-本地 (39.28 MB), 11:09

*   39 购物车页面删除操作+确认框组件/

  *   01 10-购物车页面-删除操作-本地 (36.28 MB), 07:36

  *   02 11-购物车页面-确认框组件 (164.70 MB), 46:07

*   40 购物车批量删除+修改数量/

  *   01 00-每日反馈&今日介绍 (42.71 MB), 12:44

  *   02 01-昨日回顾&今日介绍 (22.19 MB), 06:34

  *   03 02-购物车页面-批量删除-本地 (28.38 MB), 07:11

  *   04 03-购物车页面-无效商品-本地 (23.27 MB), 05:37

  *   05 04-购物车页面-修改数量-本地 (27.43 MB), 06:19

*   41 购物车-修改规格/

  *   01 05-购物车页面-修改规格-本地-01组件准备和切换效果 (40.52 MB), 11:09

  *   02 05-购物车页面-修改规格-本地-02-渲染规格 (57.25 MB), 15:11

  *   03 05-购物车页面-修改规格-本地-03-修改规格 (109.31 MB), 28:26

*   42 登录合并购物车+加入购物车+修改规格/

  *   01 06-登录后-合并购物车 (96.73 MB), 24:43

  *   02 07-登录后-商品列表 (26.54 MB), 05:55

  *   03 08-登录后-加入购物车 (52.45 MB), 12:04

  *   04 09-登录后-删除操作 (21.45 MB), 06:22

  *   05 10-登录后-批量删除 (18.62 MB), 04:09

  *   06 11-登录后-选中状态&修改数量 (24.13 MB), 06:37

  *   07 12-登录后-修改规格 (1) (39.25 MB), 10:07

  *   08 13-登录后-修改规格 (2) (23.56 MB), 06:52

*   43 下单结算页面渲染/

  *   01 14-下单结算 (74.18 MB), 22:34

  *   02 15-结算-页面布局 (20.43 MB), 04:50

  *   03 16-结算-渲染页面-01-获取数据&渲染结算页面 (67.31 MB), 17:13

  *   04 17-结算-渲染页面-收货地址默认渲染 (86.02 MB), 23:43

*   44 对话框组件封装/

  *   01 00-昨日回顾&今日内容 (18.04 MB), 06:37

  *   02 01-结算-对话框组件封装-01基本结构 (51.10 MB), 15:13

  *   03 02-结算-对话框组件封装-02双向绑定 (82.33 MB), 22:44

*   45 收获地址切换和添加/

  *   01 03-结算-收货地址-切换-通知结算组件一个默认地址的ID (89.88 MB), 22:41

  *   02 04-结算-收货地址-切换-完成切换功能 (105.76 MB), 23:10

  *   03 05-结算-收货地址-添加-准备对话框和表单 (76.62 MB), 19:30

*   46 提交订单/

  *   01 06-结算-收货地址-添加-添加收货地址完成 (140.27 MB), 34:57

  *   02 07-结算-收货地址-修改 (85.14 MB), 20:06

  *   03 08-结算-提交订单 (68.46 MB), 18:20

*   47 支付宝支付/

  *   01 09-支付-支付页面-基础布局 (17.18 MB), 03:45

  *   02 10-支付-支付页面-信息展示-01获取数据展示金额 (32.87 MB), 09:57

  *   03 10-支付-支付页面-信息展示-02倒计时函数封装 (104.38 MB), 29:13

  *   04 11-支付-支付流程 (26.39 MB), 09:27

  *   05 12-支付-等待支付和跳转支付宝 (69.18 MB), 19:27

  *   06 13-支付-结果展示 (41.41 MB), 10:06

*   48 个人中心页面渲染/

  *   01 00-昨日反馈&今日内容 (22.44 MB), 07:40

  *   02 01-个人中心-布局容器 (40.57 MB), 10:11

  *   03 02-个人中心-基础布局 (43.14 MB), 11:07

  *   04 03-个人中心-渲染页面 (29.78 MB), 07:32

  *   05 04-个人中心-mock数据 (104.80 MB), 31:10

  *   06 05-个人中心-模拟接口 (114.55 MB), 30:23

*   49 个人中心菜单激活/

  *   01 06-个人中心-菜单激活-01-routerlink的激活类名 (55.91 MB), 15:09

  *   02 06-个人中心-菜单激活-02-嵌套路由写法改造 (81.95 MB), 22:38

*   50 订单管理tabs组件/

  *   01 07-订单管理-tabs组件-01-体验jsx语法 (61.06 MB), 21:58

  *   02 07-订单管理-tabs组件-02-动态渲染结构 (122.52 MB), 38:38

  *   03 07-订单管理-tabs组件-03-实现双向绑定和点击自定义事件 (91.78 MB), 25:58

  *   04 07-订单管理-tabs组件-04使用组件渲染订单tab (21.76 MB), 06:30

*   51 订单管理列表渲染/

  *   01 08-订单管理-基础布局 (36.38 MB), 07:52

  *   02 09-订单管理-列表渲染-01-抽离组件和获取数据 (38.78 MB), 10:20

  *   03 09-订单管理-列表渲染-02渲染订单组件 (108.09 MB), 22:38

*   52 订单管理（条件查询、取消、删除订单、确认收货、查看物流）/

  *   01 00-昨日回顾&今日内容 (6.73 MB), 02:55

  *   02 01-订单管理-条件查询 (82.39 MB), 21:19

  *   03 02-订单管理-取消订单 (131.04 MB), 33:47

  *   04 03-订单管理-删除订单 (35.78 MB), 08:54

  *   05 04-订单管理-确认收货 (50.89 MB), 13:34

  *   06 05-订单管理-查看物流 (89.81 MB), 21:38

*   53 订单详情功能完善/

  *   01 06-订单详情-头部展示 (49.32 MB), 12:57

  *   02 07-订单详情-steps组件 (115.39 MB), 33:34

  *   03 08-订单详情-查看物流-01-async的setup组件使用 (64.52 MB), 18:48

  *   04 09-订单详情-物流信息-02-teleport组件使用 (64.27 MB), 15:49

  *   05 10-订单详情-商品信息 (24.31 MB), 04:15

  *   06 11-订单详情-取消订单 (22.57 MB), 04:45

  *   07 12-订单详情-确认收货 (9.78 MB), 01:59

*   54 项目总结和重点/

  *   01 13-再次购买 (54.43 MB), 13:44

  *   02 14-总结-划重点 (23.94 MB), 08:21

  *   03 15-总结-vue3.0踩过的坑 (15.22 MB), 05:05

  *   04 16-Vue3.0关注功能 (56.20 MB), 17:31