Vue3 带来的改变，除了其自身新特性，还有相应的技术栈变化——比如 Pinia 将逐渐替代 Vuex 。本课程将带领大家使用 Vue3.2 + Pinia+ Vite + TS 高仿饿了么 Web App，帮助大家掌握 Vue3“全家桶”技术栈的同时，还掌握前端性能优化的常用方法和巧用设计模式应对复杂应用场景的能力。
项目新建
工程化规范配置
mock server 搭建
基础组件封装
业务组件开发
项目部署
· 首页详情接口
· 首页搜索接口
· 商品列表接口
· 用户登录接口
· 我的详情接口
· 商家列表接口
· 商家详情接口
· 首页视图组件
· 我的视图组件
· 搜索视图组件
· 登录视图组件
· 商家详情视图组件
· 商品详情视图组件
· ScrollView 组件
· LoadingView 组件
· Popup 组件
· Overlay 组件
· 金刚位组件
· 倒计时组件
· 滚动提示栏组件
· 商家列表组件
· 商家头部组件
· 商品列表组件
· 购物车组件口
· 添加移除购物车组件
· 组件
· 信息组件
· useAsync
· useAuth
· useToggle
· useDebounce
· useCountDown
· useInterval
· useTimeout
· useLocalStorage
如何从多个维度思考实现“高质量”组件，课程中都有答案：
组件的可维护性？
组件的可读性？
扩展性、健壮性、通用性？
这个组件是否需要封装抽离？
这个组件是否和业务强关联？
亲，您好~是的，课程前端项目的接口请求的是本地的 json-server 后端项目，后端项目是另外一个代码库，基于 json-server 封装了一些自定义逻辑，会有小节介绍如何搭建，同时也会简单介绍一些后端网络概念，比如中间件，负载均衡等。<br />另外老师也部署了线上项目，同学也可以用线上项目的接口哈～祝您学习愉快~
亲，您好~本次课程是移动端 web 项目祝您学习愉快~
亲，您好~同学说的是使用 vue-class-component 对吗？本次课程不会使用 class 方式编写组件，用的是最新的 composition api 和 script setup 单文件的方式，还有 tsx 方式。在前端领域，很多时候我们都是对某一个单一的操作做处理，并且还要处理相关依赖，这时使用“组合”的思想来组织我们的代码是非常合适的，hooks 它就是对状态改变时的处理。而类这种用实例 this 来组织代码逻辑的方式与组合的思想是不同的，类它更强调“领域”的概念，我们需要把一些业务相关的属性方法绑定在一起，但有时候我只需要其中一个类方法。所以组合这种思想，更适合用函数来实现，可以看到，hooks 就是一个函数，react 也可以用函数渲染组件。不过这里也是要看具体情况，也不是说类就不好～祝您学习愉快~
亲，您好~本次课程是移动端 web 项目祝您学习愉快~
亲，您好~会的，课程会讲解如何搭建 mock server，以及一些基本的后端概念，在对应的章节也会实现接口～祝您学习愉快~
亲，您好~本次课程项目所有组件都会使用 vue3 最新的 composition 组合式 api。另外除了使用单文件组件的形式编写组件外，还会使用 tsx + setup 形式来编写组件哈～祝您学习愉快~
向您推荐
如无法下载使用图片另存为
下载海报选课、学习遇到问题？
扫码添加指导老师 1V1 帮助你！
添加后老师会第一时间解决你的问题
