Vue3+Pinia+Vite+TS还原高性能外卖APP项目（7章）

2023年1月16日 191条评论 7,175次阅读

资源简介

文章目录

Vue3 带来的改变，除了其自身新特性，还有相应的技术栈变化——比如 Pinia 将逐渐替代 Vuex 。本课程将带领大家使用 Vue3.2 + Pinia+ Vite + TS 高仿饿了么 Web App，帮助大家掌握 Vue3“全家桶”技术栈的同时，还掌握前端性能优化的常用方法和巧用设计模式应对复杂应用场景的能力。

资源目录

——/计算机教程LTDLG/01MOOC/202-625-Vue3+Pinia+Vite+TS还原高性能外卖APP项目（7章）/
├──{1}--第1章课程简介  
|   ├──[1.1]--1-1导学.mp4  69.24M
|   ├──[1.2]--1-2-课程内容.mp4  22.59M
|   ├──[1.3]--1-3-课程知识点.mp4  13.09M
|   └──[1.4]--1-4-项目展示.mp4  74.81M
├──{2}--第2章Typescript基础知识  
|   ├──[2.1]--2-1什么是typescript.mp4  38.95M
|   └──[2.2]--2-2安装使用&基础概念-安装使用.mp4  97.71M
├──{3}--第3章Git使用  
|   ├──[3.1]--3-1Git介绍与配置.mp4  91.72M
|   ├──[3.2]--3-2使用create-vue创建vue3项目.mp4  16.25M
|   ├──[3.3]--3-3使用vite创建vue3项目.mp4  118.63M
|   ├──[3.4]--3-4Git介绍：如何创建Git项目.mp4  118.07M
|   ├──[3.5]--3-5Git文件状态：如何提交代码.mp4  110.93M
|   └──[3.6]--3-6Git协作：如何分支管理.mp4  181.32M
├──{4}--第4章项目搭建及前期准备  
|   ├──[4.10]--4-10-使用axios请求库，设置请求拦截-01.mp4  28.78M
|   ├──[4.11]--4-11-使用axios请求库，设置请求拦截-02.mp4  75.46M
|   ├──[4.12]--4-12-使用post-css实现移动端适配-01.mp4  43.40M
|   ├──[4.13]--4-13-使用post-css实现移动端适配-02.mp4  66.79M
|   ├──[4.14]--4-14-配置vite自动按需引入vant组件-01.mp4  27.46M
|   ├──[4.15]--4-15-配置vite自动按需引入vant组件-02.mp4  37.72M
|   ├──[4.1]--4-1使用husky管理GitHooks.mp4  51.52M
|   ├──[4.2]--4-2使用commitlint规范commit信息.mp4  108.81M
|   ├──[4.3]--4-3配置eslint、prettier规范项目.mp4  103.05M
|   ├──[4.4]--4-4安装vant-ui和使用Vite按需加载组件.mp4  135.55M
|   ├──[4.5]--4-5vue-router实现页面路由-01.mp4  154.62M
|   ├──[4.6]--4-6vue-router实现页面路由-01.mp4  54.99M
|   ├──[4.7]--4-7使用json-server搭建MockServer-01.mp4  38.48M
|   ├──[4.8]--4-8使用json-server搭建MockServer-02.mp4  120.84M
|   └──[4.9]--4-9介绍Vite和使用Vite配置请求代理.mp4  121.97M
├──{5}--第5章首页开发  
|   ├──[5.10]--5-10性能优化：useDounce避免多次请求-01.mp4  116.00M
|   ├──[5.11]--5-11性能优化：useDounce避免多次请求-02.mp4  62.65M
|   ├──[5.12]--5-12自定义hooks-useAsync实现请求处理-01.mp4  4.71M
|   ├──[5.13]--5-13自定义hooks-useAsync实现请求处理-02.mp4  127.88M
|   ├──[5.14]--5-14基础组件-LoadingView组件实现加载骨架-01.mp4  3.82M
|   ├──[5.15]--5-15基础组件-LoadingView组件实现加载骨架-02.mp4  71.48M
|   ├──[5.16]--5-16业务组件-Grid布局实现Transformer金刚位组.mp4  32.68M
|   ├──[5.18]--5-18业务组件-ScrollBar滚动提示栏组件开发-1.mp4  35.66M
|   ├──[5.19]--5-19业务组件-ScrollBar滚动提示栏组件开发-2.mp4  178.75M
|   ├──[5.1]--5-1-页面头部实现.mp4  184.45M
|   ├──[5.20]--5-20业务组件-ScrollBar滚动提示栏组件开发-3.mp4  49.61M
|   ├──[5.21]--5-21-业务组件-CountDown倒计时组件开发.mp4  105.46M
|   ├──[5.22]--5-22-自定义hooks-useCountDown实现倒计时逻.mp4  16.65M
|   ├──[5.23]--5-23-自定义hooks-useCountDown实现倒计时逻.mp4  114.12M
|   ├──[5.24]--5-24-自定义hooks-useCountDown实现倒计时逻.mp4  80.71M
|   ├──[5.25]--5-25基础组件-Swipe轮播图组件开发-01.mp4  33.16M
|   ├──[5.26]--5-26基础组件-Swipe轮播图组件开发-02.mp4  166.01M
|   ├──[5.27]--5-27基础组件-Swipe轮播图组件开发-03.mp4  139.66M
|   ├──[5.28]--5-28基础组件-Swipe轮播图组件开发-04.mp4  125.97M
|   ├──[5.29]--5-29基础组件-Swipe轮播图组件开发-05.mp4  129.56M
|   ├──[5.2]--5-2-基础组件-Search搜索框组件开发-01.mp4  18.83M
|   ├──[5.31]--5-31基础组件-Swipe轮播图组件开发-07.mp4  122.68M
|   ├──[5.32]--5-32业务组件-使用_component_实现标签页动态展示内.mp4  20.46M
|   ├──[5.33]--5-33业务组件-使用_component_实现标签页动态展示内.mp4  98.78M
|   ├──[5.35]--5-35基础组件-List组件实现列表滚动加载-02.mp4  126.47M
|   ├──[5.36]--5-36基础组件-List组件实现列表滚动加载-03.mp4  122.38M
|   ├──[5.37]--5-37基础组件-List组件实现列表滚动加载-04.mp4  126.68M
|   ├──[5.38]--5-38业务组件-ShopItem商家列表项组件开发-01.mp4  171.10M
|   ├──[5.39]--5-39业务组件-ShopItem商家列表项组件开发-02.mp4  5.75M
|   ├──[5.3]--5-3-基础组件-Search搜索框组件开发-02.mp4  101.58M
|   ├──[5.40]--5-40-性能优化-使用IntersectionObserver.mp4  42.95M
|   ├──[5.41]--5-41-性能优化-使用IntersectionObserver.mp4  98.50M
|   ├──[5.4]--5-4-基础组件-Search搜索框组件开发-03.mp4  56.16M
|   ├──[5.5]--5-5-自定义hooks-useToggle实现搜索页展示切换-.mp4  4.64M
|   ├──[5.6]--5-6-自定义hooks-useToggle实现搜索页展示切换-.mp4  89.49M
|   ├──[5.7]--5-7业务组件-SearchView组件开发-01.mp4  7.80M
|   ├──[5.8]--5-8业务组件-SearchView组件开发-02.mp4  170.52M
|   └──[5.9]--5-9业务组件-SearchView组件开发-03.mp4  175.94M
├──{6}--第6章我的页面开发  
|   ├──6-10 -自定义hooks-useLocalStorage 保存用户状态信息-01.mp4  25.18M
|   ├──6-11 -自定义hooks-useLocalStorage 保存用户状态信息-02.mp4  144.69M
|   ├──6-9 -自定义hooks-useUserStore 使用 Pinia 实现用户状态管理-04.mp4  10.38M
|   ├──[6.1]--6-1-我的页面开发.mp4  161.22M
|   ├──[6.2]--6-2-自定义hooks-useAuth实现登录页面逻辑-01.mp4  8.95M
|   ├──[6.3]--6-3-自定义hooks-useAuth实现登录页面逻辑-02.mp4  122.45M
|   ├──[6.4]--6-4-自定义hooks-useAuth实现登录页面逻辑-03.mp4  2.69M
|   ├──[6.5]--6-5-自定义hooks-useAuth实现登录页面逻辑-04.mp4  34.31M
|   ├──[6.6]--6-6-自定义hooks-useUserStore使用Pinia.mp4  20.61M
|   ├──[6.7]--6-7-自定义hooks-useUserStore使用Pinia.mp4  38.05M
|   └──[6.8]--6-8-自定义hooks-useUserStore使用Pinia.mp4  9.91M
├──{7}--第7章 商家详情页开发  
|   ├──7-1 业务组件-ShopView 商家详情页.mp4  82.50M
|   ├──7-10 业务组件-ShopCart 购物车组件开发-2.mp4  109.51M
|   ├──7-11 -自定义hooks-useTransition 实现加入购物车动画效果.mp4  124.29M
|   ├──7-12 -自定义hooks-useEventBus 使用事件机制实现跨组件通信.mp4  86.30M
|   ├──7-2 业务组件-Header 商家头部组件开发-1.mp4  116.52M
|   ├──7-3 业务组件-Header 商家头部组件开发-2.mp4  108.84M
|   ├──7-4 业务组件-GoodsList 商品列表组件开发.mp4  138.24M
|   ├──7-5 业务组件-GoodsItem 商品列表项组件开发-1.mp4  64.81M
|   ├──7-6 业务组件-CartContrl 购物车控件组件开发-2.mp4  75.10M
|   ├──7-7 自定义hooks-useCartStore 管理购物车数据状态-1.mp4  82.71M
|   ├──7-8 自定义hooks-useCartStore 管理购物车数据状态-2.mp4  75.56M
|   └──7-9 业务组件-ShopCart 购物车组件开发-1.mp4  106.66M
└──课件  
|   ├──ele-h5-master.zip  590.02kb
|   └──ele-h5-server-master.zip  2.36M