Vue3 带来的改变，除了其自身新特性，还有相应的技术栈变化——比如 Pinia 将逐渐替代 Vuex 。本课程将带领大家使用 Vue3.2 + Pinia+ Vite + TS 高仿饿了么 Web App，帮助大家掌握 Vue3“全家桶”技术栈的同时，还掌握前端性能优化的常用方法和巧用设计模式应对复杂应用场景的能力。
〖课程目录〗:
├──第1章课程简介
| ├──1-1导学.mp4 65.15M
| ├──1-2-课程内容.mp4 20.09M
| ├──1-3-课程知识点.mp4 11.00M
| └──1-4-项目展示.mp4 123.95M
├──第2章Typescript基础知识
| ├──2-1什么是typescript.mp4 29.04M
| └──2-2安装使用&_基础概念-安装使用.mp4 112.59M
├──第3章Git使用
| ├──3-1Git介绍与配置.mp4 180.11M
| ├──3-2使用create-vue创建vue3项目.mp4 35.98M
| ├──3-3使用vite创建vue3项目.mp4 71.97M
| ├──3-4Git介绍：如何创建Git项目.mp4 78.42M
| ├──3-5Git文件状态：如何提交代码.mp4 114.55M
| └──3-6Git协作：如何分支管理.mp4 161.92M
├──第4章项目搭建及前期准备
| ├──4-10-使用axios请求库，设置请求拦截-01.mp4 19.90M
| ├──4-11-使用axios请求库，设置请求拦截-02.mp4 91.89M
| ├──4-12-使用post-css实现移动端适配-01.mp4 33.30M
| ├──4-13-使用post-css实现移动端适配-02.mp4 79.43M
| ├──4-14-配置vite自动按需引入vant组件-01.mp4 20.27M
| ├──4-15-配置vite自动按需引入vant组件-02.mp4 60.37M
| ├──4-1使用husky管理GitHooks.mp4 26.57M
| ├──4-2使用commitlint规范commit信息.mp4 103.63M
| ├──4-3配置eslint、prettier规范项目.mp4 85.59M
| ├──4-4安装vant-ui和使用Vite按需加载组件.mp4 154.62M
| ├──4-5vue-router实现页面路由-01.mp4 114.85M
| ├──4-6vue-router实现页面路由-01.mp4 70.65M
| ├──4-7使用json-server搭建MockServer-01.mp4 28.49M
| ├──4-8使用json-server搭建MockServer-02.mp4 147.50M
| └──4-9介绍Vite和使用Vite配置请求代理.mp4 80.53M
├──第5章首页开发
| ├──5-1-页面头部实现.mp4 216.51M
| ├──5-10性能优化：useDounce避免多次请求-01.mp4 82.85M
| ├──5-11性能优化：useDounce避免多次请求-02.mp4 75.50M
| ├──5-12自定义hooks-useAsync实现请求处理-01.mp4 4.57M
| ├──5-13自定义hooks-useAsync实现请求处理-02.mp4 158.14M
| ├──5-14基础组件-LoadingView组件实现加载骨架-01.mp4 3.87M
| ├──5-15基础组件-LoadingView组件实现加载骨架-02.mp4 85.86M
| ├──5-16业务组件-Grid布局实现Transformer金刚位组.mp4 28.28M
| ├──5-18业务组件-ScrollBar滚动提示栏组件开发-1.mp4 38.54M
| ├──5-19业务组件-ScrollBar滚动提示栏组件开发-2.mp4 225.02M
| ├──5-2-基础组件-Search搜索框组件开发-01.mp4 16.24M
| ├──5-20业务组件-ScrollBar滚动提示栏组件开发-3.mp4 89.95M
| ├──5-21-业务组件-CountDown倒计时组件开发.mp4 173.92M
| ├──5-22-自定义hooks-useCountDown实现倒计时逻.mp4 15.06M
| ├──5-23-自定义hooks-useCountDown实现倒计时逻.mp4 144.39M
| ├──5-24-自定义hooks-useCountDown实现倒计时逻.mp4 105.26M
| ├──5-25基础组件-Swipe轮播图组件开发-01.mp4 28.42M
| ├──5-26基础组件-Swipe轮播图组件开发-02.mp4 201.97M
| ├──5-27基础组件-Swipe轮播图组件开发-03.mp4 190.66M
| ├──5-28基础组件-Swipe轮播图组件开发-04.mp4 159.06M
| ├──5-29基础组件-Swipe轮播图组件开发-05.mp4 221.84M
| ├──5-3-基础组件-Search搜索框组件开发-02.mp4 126.40M
| ├──5-31基础组件-Swipe轮播图组件开发-07.mp4 166.97M
| ├──5-32业务组件-使用_component_实现标签页动态展示内.mp4 19.73M
| ├──5-33业务组件-使用_component_实现标签页动态展示内.mp4 172.53M
| ├──5-35基础组件-List组件实现列表滚动加载-02.mp4 149.97M
| ├──5-36基础组件-List组件实现列表滚动加载-03.mp4 179.79M
| ├──5-37基础组件-List组件实现列表滚动加载-04.mp4 200.81M
| ├──5-38业务组件-ShopItem商家列表项组件开发-01.mp4 315.70M
| ├──5-39业务组件-ShopItem商家列表项组件开发-02.mp4 7.56M
| ├──5-4-基础组件-Search搜索框组件开发-03.mp4 113.40M
| ├──5-40-性能优化-使用IntersectionObserver.mp4 38.77M
| ├──5-41-性能优化-使用IntersectionObserver.mp4 132.43M
| ├──5-5-自定义hooks-useToggle实现搜索页展示切换-.mp4 4.58M
| ├──5-6-自定义hooks-useToggle实现搜索页展示切换-.mp4 116.64M
| ├──5-7业务组件-SearchView组件开发-01.mp4 6.93M
| ├──5-8业务组件-SearchView组件开发-02.mp4 211.94M
| └──5-9业务组件-SearchView组件开发-03.mp4 314.82M
├──第6章我的页面开发
| ├──6-1-我的页面开发.mp4 264.06M
| ├──6-2-自定义hooks-useAuth实现登录页面逻辑-01.mp4 8.21M
| ├──6-3-自定义hooks-useAuth实现登录页面逻辑-02.mp4 159.68M
| ├──6-4-自定义hooks-useAuth实现登录页面逻辑-03.mp4 5.03M
| ├──6-5-自定义hooks-useAuth实现登录页面逻辑-04.mp4 39.70M
| ├──6-6-自定义hooks-useUserStore使用Pinia.mp4 17.22M
| ├──6-7-自定义hooks-useUserStore使用Pinia.mp4 43.17M
| └──6-8-自定义hooks-useUserStore使用Pinia.mp4 14.46M
├──第7章 商家详情页开发
| ├──7-1 业务组件-ShopView 商家详情页.mp4 110.07M
| ├──7-10 业务组件-ShopCart 购物车组件开发-2.mp4 264.84M
| ├──7-11 -自定义hooks-useTransition 实现加-.mp4 204.68M
| ├──7-12 -自定义hooks-useEventBus 使用事件机.mp4 104.33M
| ├──7-13 -自定义hooks-useLifeHook 解决非 s.mp4 114.08M
| ├──7-14 -自定义hooks-useLockScroll 禁止滚.mp4 93.85M
| ├──7-2 业务组件-Header 商家头部组件开发-1-.mp4 204.52M
| ├──7-3 业务组件-Header 商家头部组件开发-2.mp4 177.02M
| ├──7-4 业务组件-GoodsList 商品列表组件开发.mp4 224.61M
| ├──7-5 业务组件-GoodsItem 商品列表项组件开发-1.mp4 91.40M
| ├──7-6 业务组件-CartContrl 购物车控件组件开发-2.mp4 150.19M
| ├──7-7 自定义hooks-useCartStore 管理购物车数.mp4 122.66M
| ├──7-8 自定义hooks-useCartStore 管理购物车数.mp4 112.01M
| └──7-9 业务组件-ShopCart 购物车组件开发-1.mp4 230.76M
├──第8章 商品列表组件开发
| ├──8-1 基础组件-ScrollView 实现原理讲解和开发-1.mp4 108.42M
| ├──8-10 -基础类-Scroller 实现滚动逻辑-01.mp4 32.92M
| ├──8-11 -基础类-Scroller 实现滚动逻辑-02-1.mp4 194.93M
| ├──8-12 -基础类-Scroller 实现滚动逻辑-02-2.mp4 140.49M
| ├──8-13 -1 业务组件-GoosList 商品列表组件-01.mp4 172.74M
| ├──8-14 -2 业务组件-GoosList 商品列表组件-01.mp4 205.05M
| ├──8-15 -3 业务组件-GoosList 商品列表组件-02.mp4 23.42M
| ├──8-2 基础组件-ScrollView 实现原理讲解和开发-2.mp4 93.42M
| ├──8-3 -基础类-代理模式 MScroll 类和 Options.mp4 169.01M
| ├──8-4 -基础类-发布订阅模式 EventEmitter 类和 EventRegister 事件注册类.mp4 77.43M
| ├──8-5 -基础类-Transition 类实现元素移动-.mp4 145.80M
| ├──8-6 -基础类-ActionsHandler 绑定 touch 事件.mp4 82.65M
| ├──8-7 基础类-Behavior 处理坐标方向上的划动逻辑-1.mp4 167.03M
| ├──8-8 基础类-Behavior 处理坐标方向上的划动逻辑-2.mp4 190.58M
| └──8-9 -基础类-Actions 依赖注入实现管理滚动动作的逻辑.mp4 268.02M
├──第9章-商品详情页开发
| ├──9-1 -商品详情页实现-02.mp4 5.38M
| ├──9-2 -商品详情页实现-01.mp4 361.55M
| ├──9-3 -基础组件-NavBar 返回导航组件.mp4 33.65M
| └──9-4 -基础组件-NavBar 返回导航组件.mp4 40.78M
├──第10章-项目部署
| ├──10-1 -购买服务器.mp4 12.60M
| ├──10-2 -使用 docker 部署 jenkins.mp4 40.19M
| ├──10-3 -使用 jenkins 构建 docker 镜像.mp4 69.21M
| └──10-4 -使用 nginx 静态服务器.mp4 24.35M
└──资料代码
| ├──ele-h5-master.zip 604.19kb
| └──ele-h5-server-master.zip 1.71M
