课程简介
本课程通过完整的电商平台项目实战,深度讲解Vue3.0最新特性与最佳实践。课程涵盖Vite构建工具、组合式API、TypeScript集成、Vuex状态管理、路由设计等核心技术,重点突破SKU规格组件、购物车系统、订单管理、支付集成等企业级开发难点。学员将掌握前端工程化配置、组件封装技巧、性能优化策略,并学会处理第三方登录、图片懒加载、无限滚动等实战场景。通过本课程学习,您将具备独立开发复杂Vue3项目的能力,提升前端架构设计和业务逻辑处理水平。
下载地址
课程目录
01-vue3.0组合式API-1:
为什么学习vue3、Vite基本使用、创建vue应用、选项API和组合API、组件API-setup函数、生命周期、reactive函数、toRef/toRefs、ref函数
02-vue3.0组合式API-2:
知识运用案例、computed函数、watch函数、ref属性、父子通信、依赖注入
03-项目起步:
v-model语法糖、mixins语法、项目介绍、配套资源、技术栈、前情提要、项目创建、目录调整、Vuex根模块
04-项目搭建:
Vuex模块用法、远端仓库、Vuex持久化、请求工具封装、路由设计、首页路由与组件
05-项目搭建2:
Less自动化导入
06-项目架构1:
样式重置、顶部通栏布局、头部组件开发、分类导航组件
07-项目架构2:
吸顶头部组件、左侧分类结构渲染、弹层展示、品牌处理、骨架效果
08-首页模块:
轮播图布局、面板封装、新鲜好物、人气推荐、Vue动画、骨架效果、数据懒加载
09-首页模块2:
热门品牌功能、数据懒加载、图片懒加载指令
10-首页模块3:
顶级类目面包屑组件、批量注册、分类商品布局
11-首页模块4:
二级类目跳转、面包屑展示、筛选区
12-一级类目:
复选框组件、排序组件、无限加载、商品数据加载、商品详情基础
13-一级类目2:
图片放大镜、基本信息展示
14-组件及商品详情:
城市组件、SKU/SPU概念、规格组件基础结构
15-规格组件:
SKU选中逻辑、默认选中、父组件通信、禁用效果实现
16-商品详情:
注意事项、评价组件头部、列表渲染
17-商品详情-评价组件:
图片预览、分页组件实现
18-登录表单校验:
路由与组件、基础布局、表单校验、消息提示封装
19-登录:
账户登录、手机登录、QQ登录流程、回跳页面
20-QQ登录表单校验:
已注册已绑定、已注册未绑定、表单校验、短信验证码
21-加入购物车分析:
购物车功能、本地存储、头部购物车渲染
22-购物车界面:
购物车页面、删除操作、确认框组件
23-购物车批量删除:
批量删除、无效商品、规格修改、本地数据同步
24-登录合并购物车:
登录后数据合并、加入/删除/批量删除、规格修改、下单结算
25-结算界面:
结算页面布局、收货地址管理、对话框封装、提交订单
26-支付宝支付:
支付页面、金额展示、倒计时、支付流程、结果展示
27-个人中心页面渲染:
布局容器、基础布局、Mock数据、菜单激活
28-订单管理组件:
Tabs组件、订单列表渲染
29-订单管理:
条件查询、取消/删除/确认收货、物流查看、订单详情
30-订单详情功能完善:
取消订单、确认收货、再次购买、Vue3.0踩坑总结
--- 点击展开详细目录 ---
|