本书根据Web前端开发职业岗位技能需求，结合1+X证书制度《Web前端开发职业技能等级标准》（高级）的知识体系，以企业真实的生产项目“就业职通车”网站为中心，采用典型工作任务法将内容分为9个任务，介绍了创建Vue应用、模板语法、响应式状态、computed计算属性、Vue指令、Vue过渡动画等知识内容，深入地讲解了Vue工程化、Vue组件、组件传值、插槽、Axios异步请求、Pinia状态管理库、Vue工程构建工具Vite、项目托管Git等核心编程技术。本书由浅入深地讲解近期新的Vue3技术，并配套案例代码，帮助读者更好地理解书中的内容。
本书通过典型工作任务法将项目由易到难逐层分解实现，体现了精益求精、勇于创新的工匠精神，同时引入了课程思政内容，帮助学生树立正确的世界观和价值观。
本书编写团队既包括具有丰富项目实践开发经验的企业技术骨干，又包括深耕本科教育数十年的教师，还包括具有丰富教学经验的高职院校一线教师，旨在为读者提供一个通俗易懂的学习技术的平台。
本书可以作为高职高专、应用型本科院校，以及软件开发培训学校Web前端开发技术相关专业学生的教材和实训指导书，也可以作为有一定前端技术基础的网站开发人员和社会在职人员的参考用书。

任务1“就业职通车”网站项目初始化
任务1.1Vue环境配置
1.1.1Vue3介绍
1.1.2Vite工具介绍
任务1.2项目初始化
任务2招聘岗位数据渲染
任务2.1招聘数据渲染
2.1.1插值语法
2.1.2v-text指令语法
2.1.3v-html指令语法
2.1.4v-once指令语法
任务2.2企业标志渲染
任务2.3招聘表单设计
任务2.4匿名发布渲染
2.4.1v-if指令语法
2.4.2v-else指令语法
2.4.3v-else-if指令语法
2.4.4v-show指令语法
2.4.5v-if指令和v-show指令的区别
任务2.5招聘岗位信息列表渲染
2.5.1使用v-for指令渲染数组
2.5.2使用v-for指令渲染对象
2.5.3使用v-for指令渲染字符串
2.5.4使用v-for指令渲染数字
2.5.5v-for指令和v-if指令的结合使用
任务3岗位发布功能设计
任务3.1岗位点赞功能开发
3.1.1v-on指令语法
3.1.2v-on指令的混合使用
3.1.3$event参数
任务3.2确认发布功能开发
任务3.3信息预览功能开发
任务3.4字符统计功能开发
3.4.1watch监听器的使用
3.4.2watch监听器参数
3.4.3watch监听器和computed计算属性的区别
任务4岗位信息异步渲染
任务4.1Vue生命周期认识
4.1.1生命周期钩子
4.1.2注册生命周期钩子
任务4.2Axios库的使用
4.2.1mock数据
4.2.2vue-axios插件
4.2.3Axios
任务5项目组件化设计
任务5.1组件设计
5.1.1组件基础
5.1.2组件之间的数据通信
任务5.2点赞组件设计
5.2.1插槽
5.2.2默认内容插槽
5.2.3具名插槽
5.2.4作用域插槽
任务6“就业服务”模块设计
任务6.1“热门招聘”和“就业服务”模块导航设计
6.1.1路由介绍
6.1.2路由的使用
6.1.3路由重定向
6.1.4路由激活样式
6.1.5路由模式
任务6.2“就业服务”模块子路由设计
任务6.3“就业指导”模块文章详情页开发
6.3.1编程式路由
6.3.2带参路由
任务7项目交互动画设计
任务7.1自定义动画设计
7.1.1＜transition＞和＜transitionGroup＞动画组件
7.1.2动画过程中的钩子函数
任务7.2动画库的使用
任务8文章数据全局管理
任务8.1Pinia的安装和配置
8.1.1Pinia简介
8.1.2Pinia核心概念
任务8.2文章数据的全局管理
8.2.1state的定义和使用
8.2.2action的定义和使用
8.2.3getters的定义和使用
任务9项目托管和项目发布
任务9.1Gitee仓库的使用
9.1.1新建仓库
9.1.2删除仓库
9.1.3邀请团队成员
任务9.2项目打包和项目发布