资源介绍：

实现【某香医生】、【某东健康】、【某里健康】等三大医疗移动端产品主要功能，学完便可开发属于你的医疗产品

适学人群：

掌握HTML、CSS和JavaScript，涉猎Vue2.0技术栈的人群

学习收获：

• 1.掌握和主流在线问诊一样的完整问诊业务开发能力
• 2.掌握 Vue3 + TypeScript 的实践能力
• 3.掌握从0到1搭建基于 Vite 项目基础设施，具备项目架构能力
• 4.掌握第三方登录、第三方支付、第三方地图的业务能力，可对接第三方平台
• 5.掌握基于Vant的组件库定制封装能力，学会组件高阶技能
• 6.掌握第三方登录、第三方支付、第三方地图的业务能力，可对接第三方平台

课程目录

• 视频
• day01-Vue3.组合API-01.认识Vue3
• day01-Vue3.组合API-02.使用create-vue创建项目
• day01-Vue3.组合API-03.熟悉项目目录和关键文件
• day01-Vue3.组合API-04.组合式API入口-setup
• day01-Vue3.组合API-05.组合式API-reactive和ref函数
• day01-Vue3.组合API-06.组合式API-computed
• day01-Vue3.组合API-07.组合式API-watch-基本使用和立即执行
• day01-Vue3.组合API-08.组合式API-watch-深度侦听和精确侦听
• day01-Vue3.组合API-09.组合式API-生命周期函数
• day01-Vue3.组合API-10.组合式API下的父子通信-父传子
• day01-Vue3.组合API-11.组合式API下的父子通信-子传父
• day01-Vue3.组合API-12.组合式API-模版引用
• day01-Vue3.组合API-13.组合式API-provide和inject
• day01-Vue3.组合API-14.Vue3综合小案例
• day01-Vue3.组合API-15.补充作业-编辑功能作业
• day02-TypeScript核心-01.TS核心-认识TypeScript
• day02-TypeScript核心-02.TS核心-编译环境搭建
• day02-TypeScript核心-03.TS核心-类型注解的概念
• day02-TypeScript核心-04.TS核心-注解数组
• day02-TypeScript核心-05.TS核心-联合类型和别名类型
• day02-TypeScript核心-06.TS核心-函数类型-概念和基本使用
• day02-TypeScript核心-07.TS核心-函数类型-可选参和无返回值
• day02-TypeScript核心-08.TS核心-interface-概念和基本使用
• day02-TypeScript核心-09.TS核心-interface-可选设置和继承
• day02-TypeScript核心-10.TS核心-type注解对象类型
• day02-TypeScript核心-11.TS核心-字面量类型
• day02-TypeScript核心-12.TS核心-类型推论和any类型
• day02-TypeScript核心-13.TS核心-类型断言
• day02-TypeScript核心-14.TS核心-泛型概念理解和泛型接口
• day02-TypeScript核心-15.TS核心-泛型type和泛型函数
• day02-TypeScript核心-16.TS核心-泛型约束
• day02-TypeScript核心-17.TS综合小案例-01
• day02-TypeScript核心-18.TS综合小案例-02
• day03-综合案例-01.Vue3+TS环境创建
• day03-综合案例-02.为ref标注类型
• day03-综合案例-03.为reactive标注类型修复
• day03-综合案例-04.为计算属性标注类型
• day03-综合案例-05.为事件处理函数标注类型
• day03-综合案例-06.为模版引用标注类型
• day03-综合案例-07.对象的非空值处理
• day03-综合案例-08.为props标注类型
• day03-综合案例-09.为组件的emits的标注类型
• day03-综合案例-10.类型声明文件d.ts-01
• day03-综合案例-11.类型声明文件d.ts-02
• day03-综合案例-12.综合案例-需求熟悉和环境准备
• day03-综合案例-13.综合案例-实现频道列表渲染
• day03-综合案例-14.综合案例-文章列表基础渲染
• day03-综合案例-15.综合案例-频道和文章列表联动实现
• day03-综合案例-16.综合案例-综合和类型优化
• day03-综合案例-17.Pinia-环境搭建和基础使用
• day03-综合案例-18.Pinia-getters和异步action
• day03-综合案例-19.Pinia-storeToRefs和调试
• day04-项目配置与架构-01-创建问诊项目
• day04-项目配置与架构-02-项目配置
• day04-项目配置与架构-03-配置代码检查工作流
• day04-项目配置与架构-04-目录调整
• day04-项目配置与架构-05-vue-router初始化
• day04-项目配置与架构-06-基础架构-引入Vant和移动端适配
• day04-项目配置与架构-07-基础架构-主题定制
• day04-项目配置与架构-08-基础架构-用户仓库和持久化
• day04-项目配置与架构-09-基础架构-统一管理
• day04-项目配置与架构-10-请求工具-axios配置
• day04-项目配置与架构-11-请求工具-业务失败处理和摘取核心响应数据
• day04-项目配置与架构-12-请求工具-401处理
• day04-项目配置与架构-13-请求工具-工具函数
• day04-项目配置与架构-14-请求工具-类型设置
• day05-cp-nav-bar组件-01-路由规则和准备登录页面
• day05-cp-nav-bar组件-02-组件自动注册配置
• day05-cp-nav-bar组件-03-cp-nav-bar组件-结构和样式
• day05-cp-nav-bar组件-04-cp-nav-bar功能标题和右侧文字与右侧文字自定义事件
• day05-cp-nav-bar组件-05-cp-nav-bar功能-回退
• day05-cp-nav-bar组件-06-cp-nav-bar组件类型
• day05-cp-nav-bar组件-07-登录页面布局和清理代码
• day05-cp-nav-bar组件-08-登录页面-表单校验
• day05-cp-nav-bar组件-09-登录页面-密码登录
• day05-cp-nav-bar组件-10-短信登录-切换界面
• day05-cp-nav-bar组件-11-短信登录-发送验证码
• day05-cp-nav-bar组件-12-短信登录-进行登录
• day05-cp-nav-bar组件-13-图标组件-打包svg地图
• day05-cp-nav-bar组件-14-图片组件-svg组件封装
• day06-布置容器.家庭档案-01-布局容器-组件与路由配置
• day06-布置容器.家庭档案-02-布局容器-Tabbar切换效果
• day06-布置容器.家庭档案-03-布局容器-访问权限控制
• day06-布置容器.家庭档案-04-布局容器-页面标题
• day06-布置容器.家庭档案-05-布局容器-加载进度
• day06-布置容器.家庭档案-06-个人中心-用户信息类型
• day06-布置容器.家庭档案-07-个人中心-用户信息渲染
• day06-布置容器.家庭档案-08-个人中心-快捷工具和退出登录
• day06-布置容器.家庭档案-09-家庭档案-展示患者列表-01-路由与组件结构
• day06-布置容器.家庭档案-09-家庭档案-展示患者列表-02-完成渲染
• day06-布置容器.家庭档案-10-家庭档案-添加患者-v-model语法糖
• day06-布置容器.家庭档案-11-家庭档案-单选按钮组件封装
• day06-布置容器.家庭档案-12-家庭档案-添加患者界面和侧滑
• day06-布置容器.家庭档案-13-家庭档案-添加患者-表单数据绑定
• day06-布置容器.家庭档案-14-家庭档案-添加患者-表单校验-01-表单项和提交时校
• day06-布置容器.家庭档案-14-家庭档案-添加患者-表单校验-02-性别确认提示
• day06-布置容器.家庭档案-15-家庭档案-添加患者-进行提交
• day06-布置容器.家庭档案-16-家庭档案-编辑患者
• day06-布置容器.家庭档案-17-家庭档案-删除患者
• day07-首页模块.极速问诊-01-首页模块-搭建页面
• day07-首页模块.极速问诊-02-首页模块-知识列表加载更多效果
• day07-首页模块.极速问诊-03-首页模块-知识列表数据类型
• day07-首页模块.极速问诊-04-首页模块-知识列表加载功能
• day07-首页模块.极速问诊-05-首页模块-搭建推荐关注组件
• day07-首页模块.极速问诊-06-首页模块-适配滑动宽度-采用VueUse
• day07-首页模块.极速问诊-07-首页模块-推荐医生展示
• day07-首页模块.极速问诊-08-首页模块-关注医生
• day07-首页模块.极速问诊-09-首页模块-逻辑复用关注文章
• day07-首页模块.极速问诊-10-极速问诊-功能演示
• day07-首页模块.极速问诊-11-极速问诊-枚举语法
• day07-首页模块.极速问诊-12-极速问诊-问诊信息类型定义
• day07-首页模块.极速问诊-13-极速问诊-选择问诊类型
• day07-首页模块.极速问诊-14-极速问诊-选择问诊级别
• day07-首页模块.极速问诊-15-极速问诊-选择问诊科室
• day08-病情描述.问诊支付-01-极速问诊-病情描述-页面准备
• day08-病情描述.问诊支付-02-极速问诊-病情描述-上传组件
• day08-病情描述.问诊支付-03-极速问诊-病情描述-上传业务
• day08-病情描述.问诊支付-04-极速问诊-病情描述-保存数据
• day08-病情描述.问诊支付-05-极速问诊-病情描述-回显数据
• day08-病情描述.问诊支付-06-极速问诊-选择患者
• day08-病情描述.问诊支付-07-极速问诊-问诊支付-获取数据
• day08-病情描述.问诊支付-08-极速问诊-问诊支付-完成渲染
• day08-病情描述.问诊支付-09-极速问诊-问诊支付-支付流程
• day08-病情描述.问诊支付-10-极速问诊-问诊支付-生成订单
• day08-病情描述.问诊支付-11-极速问诊-问诊支付-用户引导-01-阻止回退和关闭抽屉
• day08-病情描述.问诊支付-11-极速问诊-问诊支付-用户引导-02-刷新后校验信息完整性
• day08-病情描述.问诊支付-12-极速问诊-问诊支付-完成支付
• day08-病情描述.问诊支付-13-问诊室-组件拆分页面布局
• day09-问诊室-01-问诊室-websocket介绍
• day09-问诊室-02-问诊室-socket.io-client使用
• day09-问诊室-03-问诊室-建立连接
• day09-问诊室-04-问诊室-通信规则和默认消息获取
• day09-问诊室-05-问诊室-默认消息-处理格式
• day09-问诊室-06-问诊室-默认消息-完成渲染
• day09-问诊室-07-问诊室-接诊状态-订单数据
• day09-问诊室-08-问诊室-接诊状态-控制组件
• day09-问诊室-09-问诊室-文字聊天-发送文字
• day09-问诊室-10-问诊室-文本聊天-渲染文字
• day09-问诊室-11-问诊室-图片聊天
• day09-问诊室-12-问诊室-聊天记录
• day09-问诊室-13-问诊室-消息已读
• day09-问诊室-14-问诊室-查看处方
• day10-问诊记录,详情-01-评价医生-结束消息和评价消息展示
• day10-问诊记录,详情-02-评价医生-提交评价
• day10-问诊记录,详情-03-问诊记录-搭建页面
• day10-问诊记录,详情-04-问诊记录-加载数据
• day10-问诊记录,详情-05-问诊记录-渲染Item组件-01-基本信息与操作按钮
• day10-问诊记录,详情-05-问诊记录-渲染Item组件-02-更多操作效果
• day10-问诊记录,详情-06-问诊记录-取消订单
• day10-问诊记录,详情-07-问诊记录-删除订单
• day10-问诊记录,详情-08-问诊记录-查看处方composable
• day10-问诊记录,详情-09-问诊详情-页面渲染
• day10-问诊记录,详情-10-问诊详情-更多组件封装
• day10-问诊记录,详情-11-问诊详情-操作按钮展示
• day10-问诊记录,详情-12-问诊详情-取消订单composable
• day10-问诊记录,详情-13-问诊详情-删除订单composable
• day11-药品订单-01-问诊详情-复制订单编号
• day11-药品订单-02-问诊详情-支付抽屉组件
• day11-药品订单-03-药品订单-进入药品支付
• day11-药品订单-04-药品订单-支付信息展示
• day11-药品订单-05-药品支付-进行支付
• day11-药品订单-06-药品订单-支付结果
• day11-药品订单-07-药品订单-订单详情-01使用提取的详情函数和药品清单
• day11-药品订单-07-药品订单-订单详情-02完成渲染
• day11-药品订单-08-药品订单-物流详情
• day11-药品订单-09-药品订单-使用高德地图
• day11-药品订单-11-药品订单-绘制起点终点当前运输位置
• day12-三方登录.部署-01-三方登录-QQ登录流程和演示
• day12-三方登录.部署-02-三方登录-去QQ登录且回跳
• day12-三方登录.部署-03-三方登录-使用openId登录
• day12-三方登录.部署-04-三方登录-验证码composable
• day12-三方登录.部署-05-三方登录-绑定手机
• day12-三方登录.部署-06-部署-开发环境与生产环境-01如何区分
• day12-三方登录.部署-06-部署-开发环境与生产环境-02设置标题和回跳域名
• day12-三方登录.部署-07-部署-真机调试
• day12-三方登录.部署-08-部署-pm2托管
• day12-三方登录.部署-09-部署-gitlab自动部署演示
• day12-三方登录.部署-10-扩展-mock数据-01-模拟接口
• day12-三方登录.部署-10-扩展-mock数据-02-生成数据
• day12-三方登录.部署-11-扩展-单元测试
• day12-三方登录.部署-12-扩展-组件测试
• 12天课程资料
• 代码