VUE框架应用实战项目式教程

本书根据Web前端开发职业岗位技能需求, 结合1+X证书制度《Web前端开发职业技能等级标准》(高级) 的知识体系, 以企业真实的生产项目“就业职通车”网站为中心, 采用典型工作任务法将内容分为9个任务, 介绍了创建Vue应用、模板语法、响应式状态、computed计算属性、Vue指令、Vue过渡动画等知识内容, 深入地讲解了Vue工程化、Vue组件、组件传值、插槽、Axios异步请求、Pinia状态管理库、Vue工程构建工具Vite、项目托管Git等核心编程技术。

  任务1 “就业职通车”网站项目初始化

任务1.1 Vue环境配置

1.1.1 Vue3介绍

1.1.2 Vite工具介绍

任务1.2 项目初始化

任务2 招聘岗位数据渲染

任务2.1 招聘数据渲染

2.1.1 插值语法

2.1.2 v-text指令语法

2.1.3 v-html指令语法

2.1.4 v-once指令语法

任务2.2 企业标志渲染

任务2.3 招聘表单设计

任务2.4 匿名发布渲染

2.4.1 v-if指令语法

2.4.2 v-else指令语法

2.4.3 v-else-if指令语法

2.4.4 v-show指令语法

2.4.5 v-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.5 v-for指令和v-if指令的结合使用

任务3 岗位发布功能设计

任务3.1 岗位点赞功能开发

3.1.1 v-on指令语法

3.1.2 v-on指令的混合使用

3.1.3 $event参数

任务3.2 确认发布功能开发

任务3.3 信息预览功能开发

任务3.4 字符统计功能开发

3.4.1 watch监听器的使用

3.4.2 watch监听器参数

3.4.3 watch监听器和computed计算属性的区别

任务4 岗位信息异步渲染

任务4.1 Vue生命周期认识

4.1.1 生命周期钩子

4.1.2 注册生命周期钩子

任务4.2 Axios库的使用

4.2.1 mock数据

4.2.2 vue-axios插件

4.2.3 Axios

任务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.1 Pinia的安装和配置

8.1.1 Pinia简介

8.1.2 Pinia核心概念

任务8.2 文章数据的全局管理

8.2.1 state的定义和使用

8.2.2 action的定义和使用

8.2.3 getters的定义和使用

任务9 项目托管和项目发布

任务9.1 Gitee仓库的使用

9.1.1 新建仓库

9.1.2 删除仓库

9.1.3 邀请团队成员

任务9.2 项目打包和项目发布