本书根据Web前端开发职业岗位技能需求，结合1+X证书制度《Web前端开发职业技能等级标准》（高级）的知识体系，以企业真实的生产项目“就业职通车”网站为中心，采用典型工作任务法将内容分为9个任务，介绍了创建Vue应用、模板语法、响应式状态、computed计算属性、Vue指令、Vue过渡动画等知识内容，深入地讲解了Vue工程化、Vue组件、组件传值、插槽、Axios异步请求、Pinia状态管理库、Vue工程构建工具Vite、项目托管Git等核心编程技术。本书由浅入深地讲解最新的Vue3技术，并配套案例代码，帮助读者更好地理解书中的内容。本书通过典型工作任务法将项目由易到难逐层分解实现，体现了精益求精、勇于创新的工匠精神，同时引入了课程思政内容，帮助学生树立正确的世界观和价值观。本书编写团队既包括具有丰富项目实践开发经验的企业技术骨干，又包括深耕本科教育数十年的教师，还包括具有丰富教学经验的高职院校一线教师，旨在为读者提供一个通俗易懂的学习技术的平台。本书可以作为高职高专、应用型本科院校，以及软件开发培训学校Web前端开发技术相关专业学生的教材和实训指导书，也可以作为有一定前端技术基础的网站开发人员和社会在职人员的参考用书。
朱珍，教授，广东工程职业技术学院信息工程学院副院长。国家骨干专业负责人、省品牌专业负责人、省高水平专业群负责人、广东省优秀教学创新团队负责人、广东省产教融合示范性实训基地负责人。长期担任一线教学及管理工作，学院科研工作等工作。主持及参与专业课程建设、教科研项目、成果转化等共45项（其中主持教育部科技发展中心项目1个，省教育厅项目4个，校级以上项目15个，参与省科技厅项目2个）。撰写学术论文11篇，其中权威期刊论文2篇，主编教材3本。发明专利1项，实用新型专利2项，软件著作权5项。
任务1 “就业职通车”网站项目初始化 1
任务1.1 Vue环境配置 3
1.1.1 Vue3介绍 10
1.1.2 Vite工具介绍 10
任务1.2 项目初始化 12
任务2 招聘岗位数据渲染 17
任务2.1 招聘数据渲染 19
2.1.1 插值语法 20
2.1.2 v-text指令语法 21
2.1.3 v-html指令语法 22
2.1.4 v-once指令语法 22
任务2.2 企业标志渲染 23
任务2.3 招聘表单设计 28
任务2.4 匿名发布渲染 32
2.4.1 v-if指令语法 34
2.4.2 v-else指令语法 35
2.4.3 v-else-if指令语法 36
2.4.4 v-show指令语法 37
2.4.5 v-if指令和v-show指令的区别 37
任务2.5 招聘岗位信息列表渲染 38
2.5.1 使用v-for指令渲染数组 40
2.5.2 使用v-for指令渲染对象 41
2.5.3 使用v-for指令渲染字符串 42
2.5.4 使用v-for指令渲染数字 43
2.5.5 v-for指令和v-if指令的结合使用 44
任务3 岗位发布功能设计 47
任务3.1 岗位点赞功能开发 49
3.1.1 v-on指令语法 52
3.1.2 v-on指令的混合使用 53
3.1.3 $event参数 54
任务3.2 确认发布功能开发 55
任务3.3 信息预览功能开发 61
任务3.4 字符统计功能开发 64
3.4.1 watch监听器的使用 68
3.4.2 watch监听器参数 69
3.4.3 watch监听器和computed计算属性的区别 70
任务4 岗位信息异步渲染 73
任务4.1 Vue生命周期认识 74
4.1.1 生命周期钩子 76
4.1.2 注册生命周期钩子 76
任务4.2 Axios库的使用 79
4.2.1 mock数据 86
4.2.2 vue-axios插件 87
4.2.3 Axios 87
任务5 项目组件化设计 93
任务5.1 组件设计 94
5.1.1 组件基础 96
5.1.2 组件之间的数据通信 99
任务5.2 点赞组件设计 103
5.2.1 插槽 106
5.2.2 默认内容插槽 107
5.2.3 具名插槽 108
5.2.4 作用域插槽 109
任务6 “就业服务”模块设计 112
任务6.1 “热门招聘”和“就业服务”模块导航设计 113
6.1.1 路由介绍 119
6.1.2 路由的使用 120
6.1.3 路由重定向 124
6.1.4 路由激活样式 124
6.1.5 路由模式 125
任务6.2 “就业服务”模块子路由设计 125
任务6.3 “就业指导”模块文章详情页开发 134
6.3.1 编程式路由 141
6.3.2 带参路由 142
任务7 项目交互动画设计 146
任务7.1 自定义动画设计 147
7.1.1 ＜transition＞和＜transitionGroup＞动画组件 151
7.1.2 动画过程中的钩子函数 154
任务7.2 动画库的使用 157
任务8 文章数据全局管理 163
任务8.1 Pinia的安装和配置 164
8.1.1 Pinia简介 167
8.1.2 Pinia核心概念 167
任务8.2 文章数据的全局管理 168
8.2.1 state的定义和使用 172
8.2.2 action的定义和使用 175
8.2.3 getters的定义和使用 177
任务9 项目托管和项目发布 181
任务9.1 Gitee仓库的使用 182
9.1.1 新建仓库 184
9.1.2 删除仓库 186
9.1.3 邀请团队成员 186
任务9.2 项目打包和项目发布 187
书单推荐
