Vue3+Vite+Vant-UI 开发双端招聘APP

前端开发

课程简介

《Vue3+Vite+Vant-UI 开发双端招聘APP》使用Vite、Vue3、Vant3UI、Pinia和VueUse等前沿技术，从构建、研发、测试，完成整个全流程的学习【技能收获】学完可掌握：Vue / 前端工程化、Linux 运维、MySQL / 数据库。课程以实战为导向，覆盖从基础概念到完整项目落地的关键步骤，配套章节笔记便于课后复盘与面试前快速回顾。【学习建议】建议按目录顺序学习，先打基础再进入综合实战章节；每完成 2～3 节可结合笔记整理一份学习小结，最终尝试独立复现一套完整 Demo 写入个人作品集。【就业发展】可面向岗位：前端开发工程师、全栈工程师、Web 应用开发。前端岗位

已有 1 人浏览发布 2026-09-15 更新 2026-09-22

这门课的主题很明确：用 Vue 3 加 Vite 作为基础框架，移动端组件库选 Vant，状态管理用 Pinia，再配上 VueUse 处理常见交互逻辑，最终交付一个可以同时跑在移动端和桌面端的招聘类应用。招聘类应用不算冷门题材，但它的数据流比展示型项目复杂——职位列表、搜索筛选、详情、投递状态、简历、消息，这几块各自有独立的分页、缓存和状态同步需求，正好能检验工程化能力，而不是只练几个组件怎么摆。

技术栈的组合逻辑

把 Vite、Vue 3、Vant、Pinia、VueUse 放在一起不是随意堆料。Vite 负责开发态的热更新与生产构建，Vue 3 的组合式 API 让招聘这类跨页面状态比较好抽离；Vant 提供移动端基础组件和适配方案，省掉大量重复的样式与手势处理；Pinia 承接跨路由共享的登录态、筛选条件和职位缓存；VueUse 则补上防抖、滚动监听、本地存储这些零散但高频的能力。读懂这套组合各自负责哪一层，比记住某个 API 怎么写更有价值。

双端适配套路

“双端”是这份资料里比较值得对照的部分。移动端要处理 rem 或 vw 适配、安全区、软键盘顶起、下拉刷新与上拉加载；桌面端则要考虑最大宽度约束、鼠标悬停态和更宽松的留白。同一套业务组件在两种视口下如何复用、哪些样式该走响应式断点、哪些交互需要按端分流，这些决策通常会散落在各个文件里。源码里能看到它们被怎么拆开、又在哪里收口，这是单看视频片段不容易串起来的线索。

可复用的模块边界

请求层：axios 实例、拦截器、统一错误提示与鉴权失效处理的组织方式。
路由与权限：路由懒加载、登录守卫、按需跳转回原页面的实现。
状态层：Pinia 里哪些数据该进 store、哪些留在组件本地，边界怎么划。
业务组件：职位卡片、筛选面板、空状态与骨架屏这类可跨页面复用的部分。
构建配置：环境变量、代理、别名、打包拆包策略。

这几块单独拎出来都能直接搬到别的项目里，所以建议对照源码时不要只顺着页面走一遍，而是按模块横向读。比如把请求层所有相关文件先集中看完，再看它被哪些页面调用，理解会比线性阅读牢靠得多。

怎么用这份资料自学

先跑起来，再改起来。第一步把项目在本地跑通，确认依赖版本和构建流程没问题；第二步照着某个页面自己重写一遍，不复制源码，写完再对比差异，重点看状态管理和请求时机怎么处理的；第三步挑一个模块做替换实验，比如换掉筛选逻辑的实现方式，或者给列表加上本地的分页缓存。做完这三步，招聘类应用里最常见的数据流和适配问题基本就过了一遍。笔记和源码适合在动手卡住时回头查，而不是从头到尾读一遍就当学过。

整体来看，这份资料更像一份可以对照实践的工程样本：框架选型清楚、业务场景足够真实、模块拆分有讨论空间。适合已经会 Vue 基础语法、想补齐工程化与双端适配经验的人拿来拆解练习。

使用Vite、Vue3、Vant3UI、Pinia和VueUse等前沿技术，从构建、研发、测试，完成整个全流程的学习

课程推荐

视频目录（598 节）

01524 - Vue3+Vite+Vant-UI 开发双端招聘APP-v

* 0-加密课程破解至25章！加速破解中

* 7-人才端-&合约&模块（掌握Vue渲染多状态数据的技巧）.rar

* 8-人才端-&消息&模块（掌握轮询在企业项目中的巧妙用法）.rar

* 9-人才端-&我的&基础信息模块（掌握Vue开发文本回填功能的技巧）.rar

* 10-人才端-&我的&任务管理模块（掌握Vue+Vant3综合应用技巧）.rar

* 11-人才端-&我的&简历模块（掌握Vue+Vant3+VueUse综合应用）.rar

* 12-人才端-&我的&合约模块（掌握Vue组件复用技巧）.rar

* 13-人才端-&我的&实名认证模块（掌握可复用的图片上传解决方案）.rar

* 14-人才端-&我的&客户经理&意见反馈模块（掌握Vue开发文本回填技巧）.rar

* 15-人才端-&我的&身份切换模块（掌握可复用的身份切换功能解决方案）.rar

* 16-人才端-测试讲解（掌握研发自测和后期排错能力）.rar

* 17-企业端-&人才&基础模块（加强组件复用&便捷开发的能力）.rar

* 18-企业端-&人才&搜索模块（加强通用型复杂搜索功能的开发能力）.rar

* 19-企业端-&消息&模块（加强轮询在企业项目中的使用能力）.rar

* 20-企业端-&我的&基础信息模块（加强文本编写&数据回填的开发技巧）.rar

* 21-企业端-&我的&账户模块（加强Vue+Vant3综合应用能力）.rar

* 22-企业端-&我的&任务管理模块（加强Vue组件复用能力）.rar

* 24-企业端-&我的&体验金模块（加强Vue组件开发能力）.rar

* 25-企业端-&我的&企业认证模块（加强可复用的图片上传开发技巧）.rar

* 27-企业端-&我的&身份切换模块（加强Vue+Vant3综合应用能力）.rar

* 28-企业端-&我的&合约模块 (加强Vue+Vant3综合应用能力).rar

* 29-企业端-测试讲解（加强研发自测和后期排错能力）.rar

* 30-管理端-首页模块 (加强Vue+Vant3后台管理应用能力).rar

* 31-管理端-“我的”基础模块 (加强Vue+Vant3综合应用能力).rar

* 32-项目扩展（加强项目运维部署能力）.rar

* 资料代码.rar

01524 - Vue3+Vite+Vant-UI 开发双端招聘APP-v / 1-课程概览（知彼知己，百战不殆） / 1-课程概览（知彼知己，百战不殆）

* 1-1 为什么这门课值得你学习？@ukoou.com.mp4

* 1-2 你能收获什么体量的项目作品？【更多it资源访问

* 1-3 你需要具备什么样的知识储备？【优库IT视频网 ukoou.com】.mp4

* 1-4 你能提升哪些能力以及技巧？@优库it资源网.mp4

* 1-5 学习建议与学习目标微信307570512.mp4

* 更多相关资料.html

01524 - Vue3+Vite+Vant-UI 开发双端招聘APP-v / 2-开发前的准备工作（磨刀不误砍柴工）

* 00 - 必看.html

* 2-1 本章概览：带着目标学习【更多it资源访问

* 2-2 项目需求分析：需求解决方案设计【更多it资源访问

* 2-3 业务逻辑分析：业务逻辑设计-认准一手加微信307570512.mp4

* 2-4 技术选型分析：技术解决方案设计【优库IT视频网 ukoou.com】.mp4

* 2-5 本章总结：温故知新@ukoou.com.mp4

01524 - Vue3+Vite+Vant-UI 开发双端招聘APP-v / 3-28-企业端-&我的&合约模块 (加强Vue+Vant3综合应用能力) / 28-企业端-&我的&合约模块 (加强Vue+Vant3综合应用能力)

* 28-1 本章概览：带着目标学习.mp4

* 28-2 合约列表：基于Vue实现常见的Tab切换组件.mp4

* 28-3 多状态合约列表数据渲染逻辑设计与实现.mp4

* 28-4 -1 新建合约组件的逻辑设计与实现.mp4

* 28-5 -2 新建合约组件的逻辑设计与实现.mp4

* 28-6 多状态合约详情数据渲染逻辑设计与实现.mp4

* 28-7 多状态合约进度数据渲染逻辑设计与实现-1.mp4

* 28-8 多状态合约进度数据渲染逻辑设计与实现-2.mp4

* 28-9 本章总结：温故知新.mp4

01524 - Vue3+Vite+Vant-UI 开发双端招聘APP-v / 3-29-企业端-测试讲解（加强研发自测和后期排错能力） / 29-企业端-测试讲解（加强研发自测和后期排错能力）

* 29-1 本章概览：带着目标学习.mp4

* 29-2 企业端自测：开发人员必知必会的知识-1.mp4

* 29-3 企业端自测：开发人员必知必会的知识-2.mp4

* 29-4 企业端自测：开发人员必知必会的知识-3.mp4

* 29-5 企业端自测：开发人员必知必会的知识-4.mp4

* 29-6 企业端自测：开发人员必知必会的知识-5.mp4

* 29-7 企业端测试修改：保证开发质量&增强后期排错能力-1.mp4

* 29-8 企业端测试修改：保证开发质量&增强后期排错能力-2.mp4

* 29-9 本章总结：温故知新.mp4

01524 - Vue3+Vite+Vant-UI 开发双端招聘APP-v / 3-开发环境初始化（工欲善其事必先利其器） / 3-开发环境初始化（工欲善其事必先利其器）

* 3-1 本章概览：带着目标学习@

* 3-2 vite+vue3+ts构建项目环境-一手认准

* 3-3 集成pinia：新一代状态管理插件【优库IT视频网 ukoou.com】.mp4

* 3-4 集成VueUse：Composition API常用工具集(JS API响应技术)@ukoou.com.mp4

* 3-5 集成Vant 3UI：轻量的移动端组件库@优库it资源网.mp4

* 3-6 本章总结：温故知新@ukoou.com.mp4

01524 - Vue3+Vite+Vant-UI 开发双端招聘APP-v / 4-30-管理端-首页模块 (加强Vue+Vant3后台管理应用能力) / 30-管理端-首页模块 (加强Vue+Vant3后台管理应用能力) / 1

* 30-1 本章概览：带着目标学习【优库IT视频网 ukoou.com】.mp4

* 30-2 首页页面结构设计【更多it资源访问

* 30-3 合约管理功能设计与实现-1微信307570512.mp4

* 30-4 合约管理功能设计与实现-2【优库IT视频网 ukoou.com】.mp4

* 30-5 合约管理功能设计与实现-3@

* 30-6 合约管理功能设计与实现-4-一手认准

* 30-7 发薪管理功能设计与实现微信307570512.mp4

* 30-8 审核管理功能设计与实现-1-一手认准

* 30-9 审核管理功能设计与实现-2@优库it资源网.mp4

01524 - Vue3+Vite+Vant-UI 开发双端招聘APP-v / 4-30-管理端-首页模块 (加强Vue+Vant3后台管理应用能力) / 30-管理端-首页模块 (加强Vue+Vant3后台管理应用能力) / 2

* 30-10 审核管理功能设计与实现-3@

* 30-11 审核管理功能设计与实现-4@ukoou.com.mp4

* 30-12 用户管理功能设计与实现微信307570512.mp4

* 30-13 echarts可视化图表设计-一手认准

* 30-14 合约数据数据统计折线图-1微信307570512.mp4

* 30-15 合约数据数据统计折线图-2@

* 30-16 新增入驻数据统计柱状图【更多it资源访问

* 30-17 人才年龄比例数据统计饼状图@微信307570512.mp4

* 30-18 本章总结：温故知新@优库it资源网.mp4

01524 - Vue3+Vite+Vant-UI 开发双端招聘APP-v / 4-31-管理端-“我的”基础模块 (加强Vue+Vant3综合应用能力) / 31-管理端-“我的”基础模块 (加强Vue+Vant3综合应用能力)

* 31-1 本章概览：带着目标学习.mp4

* 31-2 我的主页设计.mp4

* 31-3 基于vant3的form表单设计实现管理端身份申请功能-1.mp4

* 31-4 基于vant3的form表单设计实现管理端身份申请功能-2.mp4

* 31-5 基于vant3的form表单设计实现管理端身份申请功能-3.mp4

* 31-6 本章概览：带着目标学习.mp4

01524 - Vue3+Vite+Vant-UI 开发双端招聘APP-v / 4-32-项目扩展（加强项目运维部署能力） / 32-项目扩展（加强项目运维部署能力） / 1

* 32-1 vue3插件语法调整-1.mp4

* 32-2 vue3插件语法调整-2.mp4

* 32-3 vue3插件语法调整-3.mp4

* 32-4 vue3打包移动端部署上线.mp4

* 32-5 企业级项目多git仓库操作方法.mp4

* 32-6 基于课程设计新产品原型设计.mp4

* 32-7 基于原型设计数据库表结构.mp4

* 32-8 基于node+express+mysql后台服务框架介绍.mp4

* 32-9 基于node+express+mysql如何开发业务api接口服务-1.mp4

01524 - Vue3+Vite+Vant-UI 开发双端招聘APP-v / 4-32-项目扩展（加强项目运维部署能力） / 32-项目扩展（加强项目运维部署能力） / 2

* 32-10 基于node+express+mysql如何开发业务api接口服务-2.mp4

01524 - Vue3+Vite+Vant-UI 开发双端招聘APP-v / 4-项目框架搭建（掌握可复用的技术解决方案） / 4-项目框架搭建（掌握可复用的技术解决方案）

* 【优库IT资源网】获取更多IT资源.html

* 4-1 本章概览：带着目标学习【更多it资源访问

* 4-2 基于vscode编译器里Vetur和volar插件说明【更多it资源访问

* 4-3 企业项目模块化结构设计：页面结构梳理-一手认准

* 4-4 企业项目模块化结构设计：页面结构创建微信307570512.mp4

* 4-5 企业项目模块化结构设计：页面间的路由跳转设计@优库it资源网.mp4

* 4-6 API接口调用设计：前后端分离技术解决方案设计与实现@优库it资源网.mp4

* 4-7 企业项目模块化结构设计：静态UI资源与适配设计@ukoou.com.mp4

* 4-8 公共组件设计：公共组件梳理【更多it资源访问

* 4-9 公共组件设计：底部导航公共组件【优库IT视频网 ukoou.com】.mp4

* 4-10 公共组件设计：任务列表公共组件【优库IT视频网 ukoou.com】.mp4

* 4-11 公共组件设计：合约列表公共组件-一手认准

* 4-12 公共组件设计：消息列表公共组件-认准一手加微信307570512.mp4

* 4-13 公共组件设计：人才列表公共组件@优库it资源网.mp4

* 4-14 登录及权限控制：登录页面组件开发与实现-1微信307570512.mp4

* 4-15 登录及权限控制：登录页面组件开发与实现-2【优库IT视频网 ukoou.com】.mp4

* 4-16 登录及权限控制：登录页面组件开发与实现-3微信307570512.mp4

* 4-17 登录及权限控制：登录页面组件开发与实现-4@优库it资源网.mp4

* 4-18 登录及权限控制：登录页面组件开发与实现-5@优库it资源网.mp4

* 4-19 本章总结：温故知新-认准一手加微信307570512.mp4

* README.md

01524 - Vue3+Vite+Vant-UI 开发双端招聘APP-v / 5-人才端-&任务&基础模块（掌握Vue开发组件的技巧） / 5-人才端-&任务&基础模块（掌握Vue开发组件的技巧）

* 5-1 本章概览：带着目标学习@优库it资源网.mp4

* 5-2 基于组件化思想拆分任务页组件【优库IT视频网 ukoou.com】.mp4

* 5-3 城市列表：设计与实现城市列表页组件及数据渲染@优库it资源网.mp4

* 5-4 城市切换：城市切换功能逻辑设计与实现-一手认准

* 5-5 Banner图：基于Swiper开发常见的Banner特效-一手认准

* 5-6 职位类型：设计与实现职位分组列表组件及数据渲染@

* 5-7 职位选择：职位选择功能逻辑设计与实现-一手认准

* 5-8 筛选页：设计与实现筛选项组件及数据渲染-一手认准

* 5-9 筛选条件：筛选条件切换功能逻辑设计与实现@ukoou.com.mp4

* 5-10 任务列表分页、下拉刷新、加载更多功能实现-1【更多it资源访问

* 5-11 任务列表分页、下拉刷新、加载更多功能实现-2微信307570512.mp4

* 5-12 任务详情页：基于组件化思想设计与实现详情页组件及数据渲染-1@

* 5-13 任务详情页：基于组件化思想设计与实现详情页组件及数据渲染-2微信307570512.mp4

* 5-14 任务来源页：基于组件化思想设计与实现来源页组件及数据渲染@ukoou.com.mp4

* 5-15 本章总结：温故知新@微信307570512.mp4

* 必看_.7z

01524 - Vue3+Vite+Vant-UI 开发双端招聘APP-v / 6-人才端-&任务&搜索模块（掌握通用型复杂搜索功能的解决方案） / 6-人才端-&任务&搜索模块（掌握通用型复杂搜索功能的解决方案）

* 00 - 必看.html

* 6-1 本章概览：带着目标学习@

* 6-2 搜索页：常见复杂搜索功能的逻辑设计与实现微信307570512.mp4

* 6-3 历史搜索：历史搜索记录&删除功能的逻辑设计与实现-一手认准

* 6-4 热门搜索：基于组件化思想设计与实现热词组件及数据渲染@

* 6-5 搜索结果：基于组件化思想设计与实现搜索列表组件及数据渲染【优库IT视频网 ukoou.com】.mp4

* 6-6 本章总结：温故知新微信307570512.mp4

01524 - Vue3+Vite+Vant-UI 开发双端招聘APP-v / 7-人才端-&合约&模块（掌握Vue渲染多状态数据的技巧） / 7-人才端-&合约&模块（掌握Vue渲染多状态数据的技巧）

* 7-1 本章概览：带着目标学习【认准一手完整

* 7-2 合约列表：基于Vue实现常见的Tab切换组件.mp4

* 7-3 多状态合约列表数据渲染逻辑设计与实现.mp4

* 7-4 引用vant3下拉刷新第一次不出现加载状态解决方案.mp4

* 7-5 多状态合约详情数据渲染逻辑设计与实现-1.mp4

* 7-6 多状态合约详情数据渲染逻辑设计与实现-2.mp4

* 7-7 多状态合约进度数据渲染逻辑设计与实现.mp4

* 7-8 基于指令的方式实现全局注册：避免操作项重复执行.mp4

* 7-9 本章总结：温故知新.mp4

01524 - Vue3+Vite+Vant-UI 开发双端招聘APP-v / 8-人才端-&消息&模块（掌握轮询在企业项目中的巧妙用法） / 8-人才端-&消息&模块（掌握轮询在企业项目中的巧妙用法）

* 8-1 本章概览：带着目标学习@更多it视频+微信：307570512.mp4

* 8-2 通知列表：新消息通知数量红点技术方案设计与实现.mp4

* 8-3 通知列表：多种类型系统消息列表数据渲染逻辑设计与实现.mp4

* 8-4 通知详情：多种类型系统消息处理技术方案设计与实现.mp4

* 8-5 对话列表：会跳动的消息对话列表逻辑设计与实现.mp4

* 8-6 对话详情：基于轮询方式通信技术实现消息对话-1.mp4

* 8-7 对话详情：基于轮询方式通信技术实现消息对话-2.mp4

* 8-8 对话详情：常用语选择列表功能设计与实现-1.mp4

* 8-9 对话详情：常用语选择列表功能设计与实现-2.mp4

* 9-10 对话详情：常用语添加功能设计与实现.mp4

* 9-11 对话详情：常用语管理功能设计与实现-1.mp4

* 9-12 对话详情：常用语管理功能设计与实现-2.mp4

* 9-13 对话详情：常用语emoji符号表情功能设计与实现.mp4

* 9-14 对话详情：对话聊天消息发送逻辑实现.mp4

* 9-15 本章总结：温故知新.mp4

01524 - Vue3+Vite+Vant-UI 开发双端招聘APP-v / 9-人才端-&我的&基础信息模块（掌握Vue开发文本回填功能的技巧） / 9-人才端-&我的&基础信息模块（掌握Vue开发文本回填功能的技巧） / 1

* 9-1 本章概览：带着目标学习.mp4

* 9-2 我的主页基础模块设计与开发-1.mp4

* 9-3 我的主页基础模块设计与开发-2.mp4

* 9-4 我的主页基础模块设计与开发-3.mp4

* 9-5 我的主页基础模块设计与开发-4.mp4

* 9-6 个人信息：基于数据回填实现个人信息填写与提交-1.mp4

* 9-7 个人信息：基于数据回填实现个人信息填写与提交-2.mp4

* 9-8 个人信息：基于数据回填实现个人信息填写与提交-3.mp4

* 9-9 个人信息：基于数据回填实现个人信息填写与提交-4.mp4

01524 - Vue3+Vite+Vant-UI 开发双端招聘APP-v / 9-人才端-&我的&基础信息模块（掌握Vue开发文本回填功能的技巧） / 9-人才端-&我的&基础信息模块（掌握Vue开发文本回填功能的技巧） / 2

* 9-10 个人信息：基于数据回填实现个人信息填写与提交-5.mp4

* 9-11 设置：基于组件思想实现常用项组件.mp4

* 9-12 设置：退出登录功能方案设计与实现.mp4

* 9-13 我的收藏：任务收藏列表数据渲染实现.mp4

* 9-14 收藏详情：基于组件复用逻辑快速实现任务收藏详情页.mp4

* 9-15 本章总结：温故知新.mp4

01524 - Vue3+Vite+Vant-UI 开发双端招聘APP-v / 10-人才端-&我的&任务管理模块（掌握Vue+Vant3综合应用技巧） / 10-人才端-&我的&任务管理模块（掌握Vue+Vant3综合应用技巧）

* 10-1 本章概览：带着目标学习.mp4

* 10-2 基于组件化设计与实现账户基础模块组件及数据渲染.mp4

* 10-3 基于组件化设计与实现介绍说明页.mp4

* 10-4 基于Vue实现常见的Tab切换特效.mp4

* 10-5 多状态数据列表渲染逻辑设计与实现.mp4

* 10-6 基于vant3的form表单实现金额提现功能-1.mp4

* 10-7 基于vant3的form表单实现金额提现功能-2.mp4

* 10-8 本章总结：温故知新.mp4

01524 - Vue3+Vite+Vant-UI 开发双端招聘APP-v / 11-人才端-&我的&简历模块（掌握Vue+Vant3+VueUse综合应用） / 11-人才端-&我的&简历模块（掌握Vue+Vant3+VueUse综合应用） / 1

* 11-1 本章概览：带着目标学习.mp4

* 11-2 简历模板页组件设计与实现.mp4

* 11-3 简历基本信息模块：基础模块组件设计与实现.mp4

* 11-4 简历基本信息模块：组件化引用个人信息填写功能.mp4

* 11-5 简历基本信息模块：基于Pinia设计简历详情数据渲染.mp4

* 11-6 个人优势模块：新窗口数据回填功能设计与实现.mp4

* 11-7 求职意愿模块：基于组件复用思想便捷实现职位类型设置功能.mp4

* 11-8 求职意愿模块：基于vant3的Checkbox实现服务类型设置功能.mp4

* 11-9 求职意愿模块：基于vant3下拉列表设计与实现服务价格设置功能.mp4

01524 - Vue3+Vite+Vant-UI 开发双端招聘APP-v / 11-人才端-&我的&简历模块（掌握Vue+Vant3+VueUse综合应用） / 11-人才端-&我的&简历模块（掌握Vue+Vant3+VueUse综合应用） / 2

* 11-10 求职意愿模块：基于多项选择实现数据提交设计与实现.mp4

* 11-11 擅长技能模块：基于vant3自定义技术设计与实现技能设置功能-1.mp4

* 11-12 擅长技能模块：基于vant3自定义技术设计与实现技能设置功能-2.mp4

* 11-13 擅长技能模块：基于vant3自定义技术设计与实现技能设置功能-3.mp4

* 11-14 工作经历模块：基础项组件开发及编写功能设计与实现.mp4

* 11-15 工作经历模块：基于组件复用思想便捷实现职位类型设置功能.mp4

* 11-16 工作经历模块：时间选择组件逻辑设计与实现.mp4

* 11-17 项目经历模块：基础模块开发及编写功能设计与开发.mp4

* 11-18 项目经历模块：时间选择组件逻辑设计与实现.mp4

* 11-19 教育经历模块：基础模块开发及编写功能设计与开发.mp4

01524 - Vue3+Vite+Vant-UI 开发双端招聘APP-v / 11-人才端-&我的&简历模块（掌握Vue+Vant3+VueUse综合应用） / 11-人才端-&我的&简历模块（掌握Vue+Vant3+VueUse综合应用） / 3

* 11-20 教育经历模块：基于下拉列表实现学历设置功能设计与开发.mp4

* 11-21 教育经历模块：基于vant3的DatetimePicker的选择器.mp4

* 11-22 简历预览模块：基于多组件通用类型实现简历预览功能.mp4

* 11-23 本章总结：温故知新.mp4

01524 - Vue3+Vite+Vant-UI 开发双端招聘APP-v / 12-人才端-&我的&合约模块（掌握Vue组件复用技巧） / 12-人才端-&我的&合约模块（掌握Vue组件复用技巧）

* 12-1 本章概览：带着目标学习.mp4

* 12-2 基于组件复用思想便捷实现多状态合约列表组件与数据渲染.mp4

* 12-3 本章总结：温故知新.mp4

01524 - Vue3+Vite+Vant-UI 开发双端招聘APP-v / 13-人才端-&我的&实名认证模块（掌握可复用的图片上传解决方案） / 13-人才端-&我的&实名认证模块（掌握可复用的图片上传解决方案）

* 13-1 本章概览：带着目标学习.mp4

* 13-2 实名认证：基础项组件设计与开发.mp4

* 13-3 实名认证：身份证上传功能设计与实现.mp4

* 13-4 认证状态：基于组件化思想设计与实现认证状态组件及数据渲染.mp4

* 13-5 本章总结：温故知新.mp4

01524 - Vue3+Vite+Vant-UI 开发双端招聘APP-v / 14-人才端-&我的&客户经理&意见反馈模块（掌握Vue开发文本回填技巧） / 14-人才端-&我的&客户经理&意见反馈模块（掌握Vue开发文本回填技巧）

* 14-1 本章概览：带着目标学习.mp4

* 14-2 专属客户经理：基于Pinia设计与实现弹窗功能.mp4

* 14-3 专属客户经理：基于vue-clipboard3实现复制功能.mp4

* 14-4 意见反馈：基于组件化设计实现编写功能.mp4

* 14-5 意见反馈：基于formData实现图片上传功能.mp4

* 14-6 关于我们语义化的设计与实现.mp4

* 14-7 本章总结：温故知新.mp4

01524 - Vue3+Vite+Vant-UI 开发双端招聘APP-v / 15-人才端-&我的&身份切换模块（掌握可复用的身份切换功能解决方案） / 15-人才端-&我的&身份切换模块（掌握可复用的身份切换功能解决方案）

* 15-1 本章概览：带着目标学习.mp4

* 15-2 身份切换：基于组件化思想设计与实现身份列表组件.mp4

* 15-3 身份切换：基于Pinia设计与实现身份切换设置功能.mp4

* 15-4 身份切换：基于vant3的popup实现身份提示弹窗组件及功能.mp4

* 15-5 身份切换：基于vant3的form表单设计与实现身份申请功能-1.mp4

* 15-6 身份切换：基于vant3的form表单设计与实现身份申请功能-2.mp4

* 15-7 本章总结：温故知新.mp4

01524 - Vue3+Vite+Vant-UI 开发双端招聘APP-v / 16-人才端-测试讲解（掌握研发自测和后期排错能力） / 16-人才端-测试讲解（掌握研发自测和后期排错能力） / 1

* 16-1 本章概览：带着目标学习.mp4

* 16-2 人才端自测试流程：开发人员必知必会的知识-1.mp4

* 16-3 人才端自测试流程：开发人员必知必会的知识-2.mp4

* 16-4 人才端自测试流程：开发人员必知必会的知识-3.mp4

* 16-5 人才端自测试流程：开发人员必知必会的知识-4.mp4

* 16-6 人才端自测试流程：开发人员必知必会的知识-5.mp4

* 16-7 人才端自测试流程：开发人员必知必会的知识-6.mp4

* 16-8 人才端测试修改：保证开发质量&增强后期排错能力-1.mp4

* 16-9 人才端测试修改：保证开发质量&增强后期排错能力-2.mp4

01524 - Vue3+Vite+Vant-UI 开发双端招聘APP-v / 16-人才端-测试讲解（掌握研发自测和后期排错能力） / 16-人才端-测试讲解（掌握研发自测和后期排错能力） / 2

* 16-10 本章总结：温故知新.mp4

01524 - Vue3+Vite+Vant-UI 开发双端招聘APP-v / 17-企业端-&人才&基础模块（加强组件复用&便捷开发的能力） / 17-企业端-&人才&基础模块（加强组件复用&便捷开发的能力） / 1

* 17-1 本章概览：带着目标学习.mp4

* 17-2 人才页：代码复用方案设计与实现.mp4

* 17-3 城市切换：基于组件复用快速实现城市列表开发及城市选择功能.mp4

* 17-4 职位类型：基于组件复用快速实现职位类型开发及职位选择功能.mp4

* 17-5 筛选页：基于组件复用快速实现筛选项开发及筛选条件切换功能.mp4

* 17-6 人才列表：分页、下拉刷新、加载更多逻辑功能设计与实现.mp4

* 17-7 人才详情页：基于组件化思想设计与实现详情组件及数据渲染-1.mp4

* 17-8 人才详情页：基于组件化思想设计与实现详情组件及数据渲染-2.mp4

* 17-9 人才详情页：基于组件化思想设计与实现详情组件及数据渲染-3.mp4

01524 - Vue3+Vite+Vant-UI 开发双端招聘APP-v / 17-企业端-&人才&基础模块（加强组件复用&便捷开发的能力） / 17-企业端-&人才&基础模块（加强组件复用&便捷开发的能力） / 2

* 17-10 人才详情页：基于组件化思想设计与实现详情组件及数据渲染-4.mp4

* 17-11 章总结：温故知新.mp4

01524 - Vue3+Vite+Vant-UI 开发双端招聘APP-v / 18-企业端-&人才&搜索模块（加强通用型复杂搜索功能的开发能力） / 18-企业端-&人才&搜索模块（加强通用型复杂搜索功能的开发能力）

* 18-1 本章概览：带着目标学习.mp4

* 18-2 搜索页：基于组件复用快速实现模糊搜索功能.mp4

* 18-3 历史搜索：基于组件复用快速实现历史搜索记录功能.mp4

* 18-4 热门搜索：基于组件复用快速实现热门搜索词的展示.mp4

* 18-5 搜索结果：基于组件复用快速实现搜索结果列表数据渲染与展示.mp4

* 18-6 搜索列表：基于组件复用快速实现人才与人才详情页路由跳转.mp4

* 18-7 本章总结：温故知新.mp4

01524 - Vue3+Vite+Vant-UI 开发双端招聘APP-v / 19-企业端-&消息&模块（加强轮询在企业项目中的使用能力） / 19-企业端-&消息&模块（加强轮询在企业项目中的使用能力）

* 19-1 本章概览：带着目标学习.mp4

* 19-2 通知列表：新消息通知数量红点技术方案设计与实现.mp4

* 19-3 通知列表：多种类型系统消息处理技术方案设计与实现.mp4

* 19-4 对话列表：会跳动的消息对话列表实现逻辑设计与实现.mp4

* 19-5 对话详情：基于轮询方式通信技术实现消息对话.mp4

* 19-6 本章总结：温故知新.mp4

01524 - Vue3+Vite+Vant-UI 开发双端招聘APP-v / 20-企业端-&我的&基础信息模块（加强文本编写&数据回填的开发技巧） / 20-企业端-&我的&基础信息模块（加强文本编写&数据回填的开发技巧）

* 20-1 本章概览：带着目标学习【认准一手完整

* 20-2 设计与实现基础信息项组件-1.mp4

* 20-3 设计与实现基础信息项组件-2.mp4

* 20-4 个人信息：基于回填实现个人信息填写.mp4

* 20-5 设置：基于组件化思想设计与实现常用项组件.mp4

* 20-6 设置：退出登录功能方案设计与实现.mp4

* 20-7 我的收藏：基于List设计与实现收藏列表组件及数据渲染.mp4

* 20-8 我的收藏：基于组件复用思想快速实现任务收藏详情组件.mp4

* 20-9 本章总结：温故知新.mp4

01524 - Vue3+Vite+Vant-UI 开发双端招聘APP-v / 21-企业端-&我的&账户模块（加强Vue+Vant3综合应用能力） / 21-企业端-&我的&账户模块（加强Vue+Vant3综合应用能力）

* 21-1 本章概览：带着目标学习.mp4

* 21-2 基于组件化思想设计与实现账户基础模块组件及数据渲染.mp4

* 21-3 基于组件化思想设计与实现无忧币说明组件.mp4

* 21-4 基于组件化思想设计与实现签约押金说明组件.mp4

* 21-5 基于Vue实现常见的Tab切换特效.mp4

* 21-6 多状态数据列表渲染逻辑与实现.mp4

* 21-7 基于vant3的form表单提交实现金额提现功能.mp4

* 21-8 本章总结：温故知新.mp4

01524 - Vue3+Vite+Vant-UI 开发双端招聘APP-v / 22-企业端-&我的&任务管理模块（加强Vue组件复用能力） / 22-企业端-&我的&任务管理模块（加强Vue组件复用能力） / 1

* 22-1 基于Vue实现常见的Tab切换特效.mp4

* 22-2 基于Vue实现常见的Tab切换特效.mp4

* 22-3 本章概览：带着目标学习.mp4

* 22-4 基于Vue实现常见的Tab切换特效.mp4

* 22-5 多状态任务列表数据渲染的逻辑设计与实现.mp4

* 22-6 新建任务组件的逻辑设计与实现-1.mp4

* 22-7 新建任务组件的逻辑设计与实现-2.mp4

* 22-8 新建任务组件的逻辑设计与实现-3.mp4

* 22-9 新建任务组件的逻辑设计与实现-4.mp4

01524 - Vue3+Vite+Vant-UI 开发双端招聘APP-v / 22-企业端-&我的&任务管理模块（加强Vue组件复用能力） / 22-企业端-&我的&任务管理模块（加强Vue组件复用能力） / 2

* 22-10 多状态任务详情数据渲染的逻辑设计与实现.mp4

* 22-11 本章总结：温故知新.mp4

01524 - Vue3+Vite+Vant-UI 开发双端招聘APP-v / 24-企业端-&我的&体验金模块（加强Vue组件开发能力） / 24-企业端-&我的&体验金模块（加强Vue组件开发能力）

* 24-1 本章概览：带着目标学习.mp4

* 24-2 基于List设计与实现体验金组件-1.mp4

* 24-3 基于List设计与实现体验金组件-2.mp4

* 24-4 基于List设计与实现体验金组件-3.mp4

* 24-5 基于组件化思想设计与实现使用规则组件.mp4

* 24-6 本章总结：温故知新.mp4

01524 - Vue3+Vite+Vant-UI 开发双端招聘APP-v / 25-企业端-&我的&企业认证模块（加强可复用的图片上传开发技巧） / 25-企业端-&我的&企业认证模块（加强可复用的图片上传开发技巧）

* 25-1 本章概览：带着目标学习.mp4

* 25-2 企业认证基础组件设计与开发.mp4

* 25-3 营业执照上传功能设计与实现.mp4

* 25-4 企业认证通过页面组件设计与开发.mp4

* 25-5 本章总结：温故知新.mp4

01524 - Vue3+Vite+Vant-UI 开发双端招聘APP-v / 27-企业端-&我的&身份切换模块（加强Vue+Vant3综合应用能力）

* 27-1 本章概览：带着目标学习.mp4

* 27-2 基于组件思想设计与实现身份列表组件.mp4

* 27-3 基于Pinia设计与实现身份切换设置功能.mp4

* 27-4 基于vant3的Dialog实现身份提示弹窗组件及功能.mp4

* 27-5 基于vant3的form表单设计实现企业身份申请-1.mp4

* 27-6 基于vant3的form表单设计实现企业身份申请-2.mp4

* 27-7 基于vant3的form表单设计实现企业身份申请-3.mp4

* 27-8 基于vant3的form表单设计实现企业身份申请-4.mp4

* 27-9 本章总结：温故知新.mp4

mksz620-Vue3+Vite+Vant-UI 开发双端招聘APP【完结】 / 1-课程概览（知彼知己，百战不殆）

* 1-1 为什么这门课值得你学习？.mp4

* 1-2 你能收获什么体量的项目作品？.mp4

* 1-3 你需要具备什么样的知识储备？.mp4

* 1-4 你能提升哪些能力以及技巧？.mp4

* 1-5 学习建议与学习 .mp4

mksz620-Vue3+Vite+Vant-UI 开发双端招聘APP【完结】 / 2-开发前的准备工作（磨刀不误砍柴工）

* 2-1 本章概览：带着目标学习.mp4

* 2-2 项目需求分析：需求解决方案设计.mp4

* 2-3 业务逻辑分析：业务逻辑设计.mp4

* 2-4 技术选型分析：技术解决方案设计.mp4

* 2-5 本章总结：温故知新.mp4

mksz620-Vue3+Vite+Vant-UI 开发双端招聘APP【完结】 / 3-开发环境初始化（工欲善其事必先利其器）

* 3-1 本章概览：带着目标学习.mp4

* 3-2 vite+vue3+ts构建项目环境.mp4

* 3-3 集成pinia：新一代状态管理插件.mp4

* 3-4 集成VueUse：Composition API常用工具集(JS API响应技术).mp4

* 3-5 集成Vant 3UI：轻量的移动端组件库.mp4

* 3-6 本章总结：温故知新.mp4

mksz620-Vue3+Vite+Vant-UI 开发双端招聘APP【完结】 / 4-项目框架搭建（掌握可复用的技术解决方案）

* 4-1 本章概览：带着目标学习.mp4

* 4-2 基于vscode编译器里Vetur和volar插件说明.mp4

* 4-3 企业项目模块化结构设计：页面结构梳理.mp4

* 4-4 企业项目模块化结构设计：页面结构创建.mp4

* 4-5 企业项目模块化结构设计：页面间的路由跳转设计.mp4

* 4-6 API接口调用设计：前后端分离技术解决方案设计与实现.mp4

* 4-7 企业项目模块化结构设计：静态UI资源与适配设计.mp4

* 4-8 公共组件设计：公共组件梳理.mp4

* 4-9 公共组件设计：底部导航公共组件.mp4

* 4-10 公共组件设计：任务列表公共组件.mp4

* 4-11 公共组件设计：合约列表公共组件.mp4

* 4-12 公共组件设计：消息列表公共组件.mp4

* 4-13 公共组件设计：人才列表公共组件优库it资源网.mp4

* 4-14 登录及权限控制：登录页面组件开发与实现-1..mp4

* 4-15 登录及权限控制：登录页面组件开发与实现-2.mp4

* 4-16 登录及权限控制：登录页面组件开发与实现.mp4

* 4-17 登录及权限控制：登录页面组件开发与实现-4.mp4

* 4-18 登录及权限控制：登录页面组件开发与实现-5.mp4

* 4-19 本章总结：温故知新.mp4

mksz620-Vue3+Vite+Vant-UI 开发双端招聘APP【完结】 / 5-人才端-&任务&基础模块（掌握Vue开发组件的技巧）

* 5-1 本章概览：带着目标学习.mp4

* 5-2 基于组件化思想拆分任务页组件.mp4

* 5-3 城市列表：设计与实现城市列表页组件及数据渲染.mp4

* 5-4 城市切换：城市切换功能逻辑设计与实现.mp4

* 5-5 Banner图：基于Swiper开发常见的Banner特效.mp4

* 5-6 职位类型：设计与实现职位分组列表组件及数据渲染.mp4

* 5-7 职位选择：职位选择功能逻辑设计与实现.mp4

* 5-8 筛选页：设计与实现筛选项组件及数据渲染.mp4

* 5-9 筛选条件：筛选条件切换功能逻辑设计与实现.mp4

* 5-10 任务列表分页、下拉刷新、加载更多功能实现-1.mp4

* 5-11 任务列表分页、下拉刷新、加载更多功能实现.mp4

* 5-12 任务详情页：基于组件化思想设计与实现详情页组件及数据渲染-1.mp4

* 5-13 任务详情页：基于组件化思想设计与实现详情页组件及数据渲染.mp4

* 5-14 任务来源页：基于组件化思想设计与实现来源页组件及数据渲染.mp4

* 5-15 本章总结：温故知新.mp4

mksz620-Vue3+Vite+Vant-UI 开发双端招聘APP【完结】 / 6-人才端-&任务&搜索模块（掌握通用型复杂搜索功能的解决方案）

* 6-1 本章概览：带着目标学习.mp4

* 6-2 搜索页：常见复杂搜索功能的逻辑设计与实现 .mp4

* 6-3 历史搜索：历史搜索记录&删除功能的逻辑设计与实现.mp4

* 6-4 热门搜索：基于组件化思想设计与实现热词组件及数据渲染.mp4

* 6-5 搜索结果：基于组件化思想设计与实现搜索列表组件及数据渲染.mp4

* 6-6 本章总结：温故知新 .mp4

mksz620-Vue3+Vite+Vant-UI 开发双端招聘APP【完结】 / 7-人才端-&合约&模块（掌握Vue渲染多状态数据的技巧）

* 7-1 本章概览：带着目标学习 .mp4

* 7-2 合约列表：基于Vue实现常见的Tab切换组件.mp4

* 7-3 多状态合约列表数据渲染逻辑设计与实现.mp4

* 7-4 引用vant3下拉刷新第一次不出现加载状态解决方案.mp4

* 7-5 多状态合约详情数据渲染逻辑设计与实现-1.mp4

* 7-6 多状态合约详情数据渲染逻辑设计与实现-2.mp4

* 7-7 多状态合约进度数据渲染逻辑设计与实现.mp4

* 7-8 基于指令的方式实现全局注册：避免操作项重复执行.mp4

* 7-9 本章总结：温故知新.mp4

mksz620-Vue3+Vite+Vant-UI 开发双端招聘APP【完结】 / 8-人才端-&消息&模块（掌握轮询在企业项目中的巧妙用法）

* 8-1 本章概览：带着目标学习.mp4

* 8-2 通知列表：新消息通知数量红点技术方案设计与实现.mp4

* 8-3 通知列表：多种类型系统消息列表数据渲染逻辑设计与实现.mp4

* 8-4 通知详情：多种类型系统消息处理技术方案设计与实现.mp4

* 8-5 对话列表：会跳动的消息对话列表逻辑设计与实现.mp4

* 8-6 对话详情：基于轮询方式通信技术实现消息对话-1.mp4

* 8-7 对话详情：基于轮询方式通信技术实现消息对话-2.mp4

* 8-8 对话详情：常用语选择列表功能设计与实现-1.mp4

* 8-9 对话详情：常用语选择列表功能设计与实现-2.mp4

* 9-10 对话详情：常用语添加功能设计与实现.mp4

* 9-11 对话详情：常用语管理功能设计与实现-1.mp4

* 9-12 对话详情：常用语管理功能设计与实现-2.mp4

* 9-13 对话详情：常用语emoji符号表情功能设计与实现.mp4

* 9-14 对话详情：对话聊天消息发送逻辑实现.mp4

* 9-15 本章总结：温故知新.mp4

mksz620-Vue3+Vite+Vant-UI 开发双端招聘APP【完结】 / 9-人才端-&我的&基础信息模块（掌握Vue开发文本回填功能的技巧）

* 9-1 本章概览：带着目标学习.mp4

* 9-2 我的主页基础模块设计与开发-1.mp4

* 9-3 我的主页基础模块设计与开发-2.mp4

* 9-4 我的主页基础模块设计与开发-3.mp4

* 9-5 我的主页基础模块设计与开发-4.mp4

* 9-6 个人信息：基于数据回填实现个人信息填写与提交-1.mp4

* 9-7 个人信息：基于数据回填实现个人信息填写与提交-2.mp4

* 9-8 个人信息：基于数据回填实现个人信息填写与提交-3.mp4

* 9-9 个人信息：基于数据回填实现个人信息填写与提交-4.mp4

* 9-10 个人信息：基于数据回填实现个人信息填写与提交-5.mp4

* 9-11 设置：基于组件思想实现常用项组件.mp4

* 9-12 设置：退出登录功能方案设计与实现.mp4

* 9-13 我的收藏：任务收藏列表数据渲染实现.mp4

* 9-14 收藏详情：基于组件复用逻辑快速实现任务收藏详情页.mp4

* 9-15 本章总结：温故知新.mp4

mksz620-Vue3+Vite+Vant-UI 开发双端招聘APP【完结】 / 10-人才端-&我的&任务管理模块（掌握Vue+Vant3综合应用技巧）

* 10-1 本章概览：带着目标学习.mp4

* 10-2 基于组件化设计与实现账户基础模块组件及数据渲染.mp4

* 10-3 基于组件化设计与实现介绍说明页.mp4

* 10-4 基于Vue实现常见的Tab切换特效.mp4

* 10-5 多状态数据列表渲染逻辑设计与实现.mp4

* 10-6 基于vant3的form表单实现金额提现功能-1.mp4

* 10-7 基于vant3的form表单实现金额提现功能-2.mp4

* 10-8 本章总结：温故知新.mp4

mksz620-Vue3+Vite+Vant-UI 开发双端招聘APP【完结】 / 11-人才端-&我的&简历模块（掌握Vue+Vant3+VueUse综合应用）

* 11-1 本章概览：带着目标学习.mp4

* 11-2 简历模板页组件设计与实现.mp4

* 11-3 简历基本信息模块：基础模块组件设计与实现.mp4

* 11-4 简历基本信息模块：组件化引用个人信息填写功能.mp4

* 11-5 简历基本信息模块：基于Pinia设计简历详情数据渲染.mp4

* 11-6 个人优势模块：新窗口数据回填功能设计与实现.mp4

* 11-7 求职意愿模块：基于组件复用思想便捷实现职位类型设置功能.mp4

* 11-8 求职意愿模块：基于vant3的Checkbox实现服务类型设置功能.mp4

* 11-9 求职意愿模块：基于vant3下拉列表设计与实现服务价格设置功能.mp4

* 11-10 求职意愿模块：基于多项选择实现数据提交设计与实现.mp4

* 11-11 擅长技能模块：基于vant3自定义技术设计与实现技能设置功能-1.mp4

* 11-12 擅长技能模块：基于vant3自定义技术设计与实现技能设置功能-2.mp4

* 11-13 擅长技能模块：基于vant3自定义技术设计与实现技能设置功能-3.mp4

* 11-14 工作经历模块：基础项组件开发及编写功能设计与实现.mp4

* 11-15 工作经历模块：基于组件复用思想便捷实现职位类型设置功能.mp4

* 11-16 工作经历模块：时间选择组件逻辑设计与实现.mp4

* 11-17 项目经历模块：基础模块开发及编写功能设计与开发.mp4

* 11-18 项目经历模块：时间选择组件逻辑设计与实现.mp4

* 11-19 教育经历模块：基础模块开发及编写功能设计与开发.mp4

* 11-20 教育经历模块：基于下拉列表实现学历设置功能设计与开发.mp4

* 11-21 教育经历模块：基于vant3的DatetimePicker的选择器.mp4

* 11-22 简历预览模块：基于多组件通用类型实现简历预览功能.mp4

* 11-23 本章总结：温故知新.mp4

mksz620-Vue3+Vite+Vant-UI 开发双端招聘APP【完结】 / 12-人才端-&我的&合约模块（掌握Vue组件复用技巧）

* 12-1 本章概览：带着目标学习.mp4

* 12-2 基于组件复用思想便捷实现多状态合约列表组件与数据渲染.mp4

* 12-3 本章总结：温故知新.mp4

mksz620-Vue3+Vite+Vant-UI 开发双端招聘APP【完结】 / 13-人才端-&我的&实名认证模块（掌握可复用的图片上传解决方案）

* 13-1 本章概览：带着目标学习.mp4

* 13-2 实名认证：基础项组件设计与开发.mp4

* 13-3 实名认证：身份证上传功能设计与实现.mp4

* 13-4 认证状态：基于组件化思想设计与实现认证状态组件及数据渲染.mp4

* 13-5 本章总结：温故知新.mp4

mksz620-Vue3+Vite+Vant-UI 开发双端招聘APP【完结】 / 14-人才端-&我的&客户经理&意见反馈模块（掌握Vue开发文本回填技巧）

* 14-1 本章概览：带着目标学习.mp4

* 14-2 专属客户经理：基于Pinia设计与实现弹窗功能.mp4

* 14-3 专属客户经理：基于vue-clipboard3实现复制功能.mp4

* 14-4 意见反馈：基于组件化设计实现编写功能.mp4

* 14-5 意见反馈：基于formData实现图片上传功能.mp4

* 14-6 关于我们语义化的设计与实现.mp4

* 14-7 本章总结：温故知新.mp4

mksz620-Vue3+Vite+Vant-UI 开发双端招聘APP【完结】 / 15-人才端-&我的&身份切换模块（掌握可复用的身份切换功能解决方案）

* 15-1 本章概览：带着目标学习.mp4

* 15-2 身份切换：基于组件化思想设计与实现身份列表组件.mp4

* 15-3 身份切换：基于Pinia设计与实现身份切换设置功能.mp4

* 15-4 身份切换：基于vant3的popup实现身份提示弹窗组件及功能.mp4

* 15-5 身份切换：基于vant3的form表单设计与实现身份申请功能-1.mp4

* 15-6 身份切换：基于vant3的form表单设计与实现身份申请功能-2.mp4

* 15-7 本章总结：温故知新.mp4

mksz620-Vue3+Vite+Vant-UI 开发双端招聘APP【完结】 / 16-人才端-测试讲解（掌握研发自测和后期排错能力）

* 16-1 本章概览：带着目标学习.mp4

* 16-2 人才端自测试流程：开发人员必知必会的知识-1.mp4

* 16-3 人才端自测试流程：开发人员必知必会的知识-2.mp4

* 16-4 人才端自测试流程：开发人员必知必会的知识-3.mp4

* 16-5 人才端自测试流程：开发人员必知必会的知识-4.mp4

* 16-6 人才端自测试流程：开发人员必知必会的知识-5.mp4

* 16-7 人才端自测试流程：开发人员必知必会的知识-6.mp4

* 16-8 人才端测试修改：保证开发质量&增强后期排错能力-1.mp4

* 16-9 人才端测试修改：保证开发质量&增强后期排错能力-2.mp4

* 16-10 本章总结：温故知新.mp4

mksz620-Vue3+Vite+Vant-UI 开发双端招聘APP【完结】 / 17-企业端-&人才&基础模块（加强组件复用&便捷开发的能力）

* 17-1 本章概览：带着目标学习.mp4

* 17-2 人才页：代码复用方案设计与实现.mp4

* 17-3 城市切换：基于组件复用快速实现城市列表开发及城市选择功能.mp4

* 17-4 职位类型：基于组件复用快速实现职位类型开发及职位选择功能.mp4

* 17-5 筛选页：基于组件复用快速实现筛选项开发及筛选条件切换功能.mp4

* 17-6 人才列表：分页、下拉刷新、加载更多逻辑功能设计与实现.mp4

* 17-7 人才详情页：基于组件化思想设计与实现详情组件及数据渲染-1.mp4

* 17-8 人才详情页：基于组件化思想设计与实现详情组件及数据渲染-2.mp4

* 17-9 人才详情页：基于组件化思想设计与实现详情组件及数据渲染-3.mp4

* 17-10 人才详情页：基于组件化思想设计与实现详情组件及数据渲染-4.mp4

* 17-11 章总结：温故知新.mp4

mksz620-Vue3+Vite+Vant-UI 开发双端招聘APP【完结】 / 18-企业端-&人才&搜索模块（加强通用型复杂搜索功能的开发能力）

* 18-1 本章概览：带着目标学习.mp4

* 18-2 搜索页：基于组件复用快速实现模糊搜索功能.mp4

* 18-3 历史搜索：基于组件复用快速实现历史搜索记录功能.mp4

* 18-4 热门搜索：基于组件复用快速实现热门搜索词的展示.mp4

* 18-5 搜索结果：基于组件复用快速实现搜索结果列表数据渲染与展示.mp4

* 18-6 搜索列表：基于组件复用快速实现人才与人才详情页路由跳转.mp4

* 18-7 本章总结：温故知新.mp4

mksz620-Vue3+Vite+Vant-UI 开发双端招聘APP【完结】 / 19-企业端-&消息&模块（加强轮询在企业项目中的使用能力）

* 19-1 本章概览：带着目标学习.mp4

* 19-2 通知列表：新消息通知数量红点技术方案设计与实现.mp4

* 19-3 通知列表：多种类型系统消息处理技术方案设计与实现.mp4

* 19-4 对话列表：会跳动的消息对话列表实现逻辑设计与实现.mp4

* 19-5 对话详情：基于轮询方式通信技术实现消息对话.mp4

* 19-6 本章总结：温故知新.mp4

mksz620-Vue3+Vite+Vant-UI 开发双端招聘APP【完结】 / 20-企业端-&我的&基础信息模块（加强文本编写&数据回填的开发技巧）

* 20-1 本章概览：带着目标学习.mp4

* 20-2 设计与实现基础信息项组件-1.mp4

* 20-3 设计与实现基础信息项组件-2.mp4

* 20-4 个人信息：基于回填实现个人信息填写.mp4

* 20-5 设置：基于组件化思想设计与实现常用项组件.mp4

* 20-6 设置：退出登录功能方案设计与实现.mp4

* 20-7 我的收藏：基于List设计与实现收藏列表组件及数据渲染.mp4

* 20-8 我的收藏：基于组件复用思想快速实现任务收藏详情组件.mp4

* 20-9 本章总结：温故知新.mp4

mksz620-Vue3+Vite+Vant-UI 开发双端招聘APP【完结】 / 21-企业端-&我的&账户模块（加强Vue+Vant3综合应用能力）

* 21-1 本章概览：带着目标学习.mp4

* 21-2 基于组件化思想设计与实现账户基础模块组件及数据渲染.mp4

* 21-3 基于组件化思想设计与实现无忧币说明组件.mp4

* 21-4 基于组件化思想设计与实现签约押金说明组件.mp4

* 21-5 基于Vue实现常见的Tab切换特效.mp4

* 21-6 多状态数据列表渲染逻辑与实现.mp4

* 21-7 基于vant3的form表单提交实现金额提现功能.mp4

* 21-8 本章总结：温故知新.mp4

mksz620-Vue3+Vite+Vant-UI 开发双端招聘APP【完结】 / 22-企业端-&我的&任务管理模块（加强Vue组件复用能力）

* 22-1 基于Vue实现常见的Tab切换特效.mp4

* 22-2 基于Vue实现常见的Tab切换特效.mp4

* 22-3 本章概览：带着目标学习.mp4

* 22-4 基于Vue实现常见的Tab切换特效.mp4

* 22-5 多状态任务列表数据渲染的逻辑设计与实现.mp4

* 22-6 新建任务组件的逻辑设计与实现-1.mp4

* 22-7 新建任务组件的逻辑设计与实现-2.mp4

* 22-8 新建任务组件的逻辑设计与实现-3.mp4

* 22-9 新建任务组件的逻辑设计与实现-4.mp4

* 22-10 多状态任务详情数据渲染的逻辑设计与实现.mp4

* 22-11 本章总结：温故知新.mp4

mksz620-Vue3+Vite+Vant-UI 开发双端招聘APP【完结】 / 24-企业端-&我的&体验金模块（加强Vue组件开发能力）

* 24-1 本章概览：带着目标学习.mp4

* 24-2 基于List设计与实现体验金组件-1.mp4

* 24-3 基于List设计与实现体验金组件-2.mp4

* 24-4 基于List设计与实现体验金组件-3.mp4

* 24-5 基于组件化思想设计与实现使用规则组件.mp4

* 24-6 本章总结：温故知新.mp4

mksz620-Vue3+Vite+Vant-UI 开发双端招聘APP【完结】 / 25-企业端-&我的&企业认证模块（加强可复用的图片上传开发技巧）

* 25-1 本章概览：带着目标学习.mp4

* 25-2 企业认证基础组件设计与开发.mp4

* 25-3 营业执照上传功能设计与实现.mp4

* 25-4 企业认证通过页面组件设计与开发.mp4

* 25-5 本章总结：温故知新.mp4

mksz620-Vue3+Vite+Vant-UI 开发双端招聘APP【完结】 / 27-企业端-&我的&身份切换模块（加强Vue+Vant3综合应用能力）

* 27-1 本章概览：带着目标学习.mp4

* 27-2 基于组件思想设计与实现身份列表组件.mp4

* 27-3 基于Pinia设计与实现身份切换设置功能.mp4

* 27-4 基于vant3的Dialog实现身份提示弹窗组件及功能.mp4

* 27-5 基于vant3的form表单设计实现企业身份申请-1.mp4

* 27-6 基于vant3的form表单设计实现企业身份申请-2.mp4

* 27-7 基于vant3的form表单设计实现企业身份申请-3.mp4

* 27-8 基于vant3的form表单设计实现企业身份申请-4.mp4

* 27-9 本章总结：温故知新.mp4

mksz620-Vue3+Vite+Vant-UI 开发双端招聘APP【完结】 / 28-企业端-&我的&合约模块 (加强Vue+Vant3综合应用能力)

* 28-1 本章概览：带着目标学习.mp4

* 28-2 合约列表：基于Vue实现常见的Tab切换组件.mp4

* 28-3 多状态合约列表数据渲染逻辑设计与实现.mp4

* 28-4 -1 新建合约组件的逻辑设计与实现.mp4

* 28-5 -2 新建合约组件的逻辑设计与实现.mp4

* 28-6 多状态合约详情数据渲染逻辑设计与实现.mp4

* 28-7 多状态合约进度数据渲染逻辑设计与实现-1.mp4

* 28-8 多状态合约进度数据渲染逻辑设计与实现-2.mp4

* 28-9 本章总结：温故知新.mp4

mksz620-Vue3+Vite+Vant-UI 开发双端招聘APP【完结】 / 29-企业端-测试讲解（加强研发自测和后期排错能力）

* 29-1 本章概览：带着目标学习.mp4

* 29-2 企业端自测：开发人员必知必会的知识-1.mp4

* 29-3 企业端自测：开发人员必知必会的知识-2.mp4

* 29-4 企业端自测：开发人员必知必会的知识-3.mp4

* 29-5 企业端自测：开发人员必知必会的知识-4.mp4

* 29-6 企业端自测：开发人员必知必会的知识-5.mp4

* 29-7 企业端测试修改：保证开发质量&增强后期排错能力-1.mp4

* 29-8 企业端测试修改：保证开发质量&增强后期排错能力-2.mp4

* 29-9 本章总结：温故知新.mp4

mksz620-Vue3+Vite+Vant-UI 开发双端招聘APP【完结】 / 30-管理端-首页模块 (加强Vue+Vant3后台管理应用能力)

* 30-1 本章概览：带着目标学习.mp4

* 30-2 首页页面结构设计.mp4

* 30-3 合约管理功能设计与实现-1.mp4

* 30-4 合约管理功能设计与实现-2.mp4

* 30-5 合约管理功能设计与实现-3.mp4

* 30-6 合约管理功能设计与实现-4.mp4

* 30-7 发薪管理功能设计与实现.mp4

* 30-8 审核管理功能设计与实现-1.mp4

* 30-9 审核管理功能设计与实现-2.mp4

* 30-10 审核管理功能设计与实现-3.mp4

* 30-11 审核管理功能设计与实现-4.mp4

* 30-12 用户管理功能设计与实现.mp4

* 30-13 echarts可视化图表设计.mp4

* 30-14 合约数据数据统计折线图-1.mp4

* 30-15 合约数据数据统计折线图-2.mp4

* 30-16 新增入驻数据统计柱状图.mp4

* 30-17 人才年龄比例数据统计饼状图.mp4

* 30-18 本章总结：温故知新.mp4

mksz620-Vue3+Vite+Vant-UI 开发双端招聘APP【完结】 / 31-管理端-“我的”基础模块 (加强Vue+Vant3综合应用能力)

* 31-1 本章概览：带着目标学习.mp4

* 31-2 我的主页设计.mp4

* 31-3 基于vant3的form表单设计实现管理端身份申请功能-1.mp4

* 31-4 基于vant3的form表单设计实现管理端身份申请功能-2.mp4

* 31-5 基于vant3的form表单设计实现管理端身份申请功能-3.mp4

* 31-6 本章概览：带着目标学习.mp4

mksz620-Vue3+Vite+Vant-UI 开发双端招聘APP【完结】 / 32-项目扩展（加强项目运维部署能力）

* 32-1 vue3插件语法调整-1.mp4

* 32-2 vue3插件语法调整-2.mp4

* 32-3 vue3插件语法调整-3.mp4

* 32-4 vue3打包移动端部署上线.mp4

* 32-5 企业级项目多git仓库操作方法.mp4

* 32-6 基于课程设计新产品原型设计.mp4

* 32-7 基于原型设计数据库表结构.mp4

* 32-8 基于node+express+mysql后台服务框架介绍.mp4

* 32-9 基于node+express+mysql如何开发业务api接口服务-1.mp4

* 32-10 基于node+express+mysql如何开发业务api接口服务-2.mp4

mksz620-Vue3+Vite+Vant-UI 开发双端招聘APP【完结】 / 资料代码

* 代码资料.zip

* 资料.zip

课程目录

第1章 课程概览（知彼知己，百战不殆） 试看6 节 _ 14分钟
本章采用理论方式，整体介绍课程及课程项目。说明课程核心技术栈是什么，使用的周边技术栈有哪些，并说明技术储备要求（需要具备HTML、CSS、JS(ES6)、TS、Vue基础知识）。介绍学习本课程可以提升的能力及掌握的经验技巧和课复制的技术解决方案。…
第2章 开发前的准备工作（磨刀不误砍柴工） 试看5 节 _ 20分钟
本章采用理论+实操的方式，讲解如何根据项目需求分析结果，设计需求解决方案、根据业务逻辑分析，设计业务逻辑解决方案以及技术选型和方案设计。
第3章 开发环境初始化（工欲善其事必先利其器）9 节 _ 13分钟
本章采用实操方式，逐步使用最新流行技术栈vite构建vue3+ts的项目开发环境，并且集成Vue状态管理插件Pinia和存储工具库VueUse以及Vant3 UI组件库。
第4章 项目框架搭建（掌握可复用的技术解决方案）19 节 _ 228分钟
本章采用理论+实操的方式，设计开发企业常见的、可复用的技术解决方案。主要包括:组件抽离与开发解决方案、基于token接口鉴权解决方案、前后端分离技术解决方案等等。
第5章 人才端-“任务”基础模块（掌握Vue开发组件的技巧）17 节 _ 187分钟
本章采用实操的方式，实现Banner组件、城市列表组件、职位列表组件、条件筛选组件、任务详情组件和任务来源组件开发。掌握基于Vue开发组件的技巧。
第6章 人才端-“任务”搜索模块（掌握通用型复杂搜索功能的解决方案）7 节 _ 45分钟
本章采用实操的方式，使用Vue（双向数据绑定）和TypeScript，实现模糊匹配、历史搜索记录及删除、热门搜索词渲染、搜索列表组件及路由跳转。掌握各类商业项目中复杂的搜索功能。
第7章 人才端-“合约”模块（掌握Vue渲染多状态数据的技巧）9 节 _ 88分钟
本章采用实操的方式，使用Vue（指令、全局注册）开发Tab切换组件，及集合Axios实现多状态列表数据渲染。掌握基于Vue+Axios多状态数据渲染技巧。
第8章 人才端-“消息”模块（掌握轮询在企业项目中的巧妙用法）16 节 _ 131分钟
本章采用实操的方式，使用Vue实现通知列表组件、通知详情组件、对话列表组件、对话详情组件开发；并且结合轮询技术实现消息对话。
第9章 人才端-“我的”基础信息模块（掌握Vue开发文本回填功能的技巧）15 节 _ 113分钟
本章采用实操的方式，使用Vue实现个人信息组件、设置组件、收藏组件及收藏详情组件的开发；并且基于数据回填技术实现富文本编写功能。掌握数据回填及本编辑逻辑开发技巧。
第10章 人才端-“我的”任务管理模块（掌握Vue+Vant3综合应用技巧）8 节 _ 56分钟
本章采用实操的方式，使用Vue实现我的账户组件、介绍说明组件、Tab切换组件开发，并且结合Axios实现多状态数据渲染，以及结合vant3的form表单实现金额提现功能。掌握Vue+Vant3开发提现功能的技巧。
第11章 人才端-“我的”简历模块（掌握Vue+Vant3+VueUse综合应用）25 节 _ 175分钟
本章采用实操的方式，使用Vue实现简历模板组件开发及富文本编写功能；结合vant3（DatetimePicker、Checkbox、下拉列表、自定义）实现时间选择器、服务类型选择器、服务价格选择器、技能设置选择器、学历设置选择器，并且基于VueUse中的useLocalStorage持久化到本地存储中。最后结合localstorage本地存储实现简历预览功能。…
第12章 人才端-“我的”合约模块（掌握Vue组件复用技巧）4 节 _ 10分钟
本章采用实操的方式，使用Vue实现全部合约组件开发及使用Axios实现数据渲染。基于组件化及组件复用思想，快速实现多状态合约列表组件及列表数据渲染。
第13章 人才端-“我的”实名认证模块（掌握可复用的图片上传解决方案）5 节 _ 33分钟
本章采用实操的方式，使用Vue实现实名认证组件、认证状态组件开发，并且实现身份证图片上传功能。掌握Vue实现图片上传功能的方法与技巧。
第14章 人才端-“我的”客户经理&意见反馈模块（掌握Vue开发文本回填技巧）7 节 _ 43分钟
本章采用实操的方式，使用Vue实现意见反馈组件和专属客户经理组件开发，并结合Pinia实现弹窗功能、结合vue-clipboard3实现复制功能以及结合formData实现图片上传功能。掌握本文本编写及复制的开发技巧。
第15章 人才端-“我的”身份切换模块（掌握可复用的身份切换功能解决方案）7 节 _ 67分钟
本章采用实操的方式，使用Vue实现身份切换组件，并结合Vant3（Dialog、form表单）实现身份提示弹窗组件及身份切换功能。掌握可复用的身份切换功能开发技巧。
第16章 人才端-测试讲解（掌握研发自测和后期排错能力）10 节 _ 88分钟
本章采用理论+实操的方式，详细讲解人才端开发完成后，研发人员自测流程及方法、技巧。并且手把手带着的大家一起进行自测和修改bug。掌握企业项目开发中的细节处理能力。
第17章 企业端-“人才”基础模块（加强组件复用&便捷开发的能力）11 节 _ 88分钟
本章采用理论+实操的方式，基于组件和代码复用思想，快速实现企业端人才组件、城市列表组件、职位列表组件、条件筛选组件。并且使用Vue实现任务详情组件和任务来源组件。掌握组件复用&便捷开发的技巧。
第18章 企业端-“人才”搜索模块（加强通用型复杂搜索功能的开发能力）7 节 _ 17分钟
本章采用理论+实操的方式，基于组件和代码复用思想，快速实现企业端人才搜索组件以及搜索功能。掌握组件复用&便捷开发的技巧。
第19章 企业端-“消息”模块（加强轮询在企业项目中的使用能力）7 节 _ 17分钟
第20章 企业端-“我的”基础信息模块（加强文本编写&数据回填的开发技巧）10 节 _ 29分钟
第21章 企业端-“我的”账户模块（加强Vue+Vant3综合应用能力）8 节 _ 21分钟
本章采用实操的方式，使用Vue实现我的账户组件、无忧币说明组件、签约押金说明组件、Tab切换组件开发，并且结合Axios实现多状态数据渲染，以及结合vant3的form表单提交实现余额提现。掌握Vue+Vant3开发提现功能的技巧。
第22章 企业端-“我的”任务管理模块（加强Vue组件复用能力）11 节 _ 73分钟
本章采用理论+实操的方式，基于组件和代码复用思想，快速实现企业端Tab切换组件及多状态数据渲染。掌握Vue组件复用技巧和便捷开发的技巧。
第23章 企业端-作业环节（加强独立自主开发能力）2 节 _
本章采用自主开发方式，结合人才端的多状态合约列表组件和多状态详情组件，将企业端的这部分内容设计成作业，由用户自主完成开发。掌握独立自主开发能力。
第24章 企业端-“我的”体验金模块（加强Vue组件开发能力）6 节 _ 43分钟
本章采用实操方式，基于Vue实现使用规则组件，且结合List实现体验金组件。掌握Vue组件开发技巧
第25章 企业端-“我的”企业认证模块（加强可复用的图片上传开发技巧）5 节 _ 22分钟
本章采用实操的方式，使用Vue实现企业认证组件、认证通过组件开发，并且实现营业执照上传功能。掌握Vue开发图片上传功能的方法与技巧。
第26章 企业端-作业环节（加强独立自主开发能力）3 节 _
本章采用自主开发方式，结合人才端的实名认证、专属客户经理及意见反馈组件，将企业端的这部分内容设计成作业，由用户自主完成开发。掌握独立自主开发能力
第27章 企业端-“我的”身份切换模块（加强Vue+Vant3综合应用能力）10 节 _ 50分钟
第28章 企业端-“我的”合约模块 (加强Vue+Vant3综合应用能力)9 节 _ 84分钟
本章采用实操的方式，使用Vue我的合约管理组件，并结合Vant3（Dialog、form表单）新建合约组件及合约进度管理组件。掌握可复用的合约功能开发技巧。
第29章 企业端-测试讲解 （加强研发自测和后期排错能力）9 节 _ 77分钟
本章采用理论+实操的方式，详细讲解企业端开发完成后，研发人员自测流程及方法、技巧。并且手把手带着的大家一起进行自测和修改bug。掌握企业项目开发中的细节处理能力。
第30章 管理端-首页模块 (加强Vue+Vant3后台管理应用能力)18 节 _ 226分钟
本章采用实操的方式，使用Vue实现合约管理、审核管理、发薪管理、用户管理组件开发，并且基于echarts可视化图表实现合约数据统计折线图、新增入驻数据柱状图、人才年龄比例数据饼状图功能。掌握可视化图表功能的方法与技巧。…
第31章 管理端-“我的”基础模块 (加强Vue+Vant3综合应用能力)6 节 _ 44分钟
第32章 项目扩展 （加强项目运维部署能力）16 节 _ 197分钟
本章采用实操的方式，使用Vue实现身份切换组件，并结合Vant3（Dialog、form表单）实现身份提示弹窗组件及身份切换功能。掌握vue3项目打包app方法。带大家如何在简历中丰富项目经验