"本书根据Web前端开发岗位的职业能力要求、Web前端开发职业技能等级标准以及相关技能竞赛内容，重构形成模块化教学内容。全书包括初识Vue 3、搭建Vue 3的开发环境、构建Vue 3项目、变量和方法、响应式数据、模板语法、状态监听、计算属性、组件、插槽、生命周期、动画和过渡、路由、状态管理、网络请求、项目实战共16个模块。另外，还在附录中介绍了Web前端开发职业技能等级标准。全书内容由浅入深，既有示例，又有项目实践，理实一体，实用性强。
本书既注重学生职业能力的培养，又注重综合素质的提升。本书配套提供微课视频等丰富的数字化资源，同步提供线上课程平台。本书可作为高校计算机相关专业教材，也可作为广大Vue框架开发爱好者、Web前端开发岗位从业人员等的学习用书。"

目录



模块1初识Vue 3

1.1什么是Vue

1.2Vue的发展简史

1.3Vue的工作原理

1.4Vue的应用场景

1.5Vue与React的比较

1.6Web框架的发展趋势

练习题

模块2搭建Vue 3的开发环境

2.1安装Node.js

2.2安装Visual Studio Code编辑器

2.3安装Vue Devtools插件

练习题

模块3构建Vue 3项目

3.1如何使用Vue 3

3.2构建Vue 3项目的方法

3.3Vue 3项目的目录结构

3.4第一个Vue 3的应用

3.5Vue 3编程风格

练习题

模块4变量和方法

4.1Vue 3中的变量与常量

4.2箭头函数

4.3Vue 3中的方法

4.4综合案例

练习题

模块5响应式数据

5.1什么是响应式数据

5.2使用ref()函数定义响应式数据

5.3使用reactive()函数定义响应式数据

5.4使用toRefs()函数解构响应式对象

练习题

模块6模板语法

6.1文本插值与表达式

6.2内容渲染

6.3数据双向绑定

6.4属性绑定

6.5事件绑定

6.6条件渲染

6.7列表渲染

练习题

模块7状态监听

7.1watch()函数

7.2watchEffect()函数

7.3watch()函数与watchEffect()函数的对比

7.4状态监听应用案例

练习题

模块8计算属性

8.1计算属性的定义

8.2计算属性的特点

8.3计算属性的应用

8.4计算属性和函数的区别

8.5计算属性应用案例

练习题

模块9组件

9.1组件的定义

9.2注册组件

9.3组件化开发

9.4组件之间的数据交互

9.5组件切换

练习题

模块10插槽

10.1插槽定义

10.2默认插槽

10.3具名插槽

10.4作用域插槽

练习题

模块11生命周期

11.1什么是生命周期

11.2生命周期钩子

11.3生命周期钩子的应用

练习题

模块12动画和过渡

12.1基于class的动画和过渡

12.2基于style的动画和过渡

12.3基于transition组件的动画和过渡

12.3.1过渡简介

12.3.2过渡class类和JavaScript钩子

12.3.3单元素过渡

12.3.4多元素过渡

12.3.5多组件过渡

12.3.6列表过渡

12.3.7集成第三方效果

练习题

模块13路由

13.1路由概述

13.2Vue Router的基本应用

13.3路由懒加载

13.4嵌套路由

13.5动态路由

13.6命名路由

13.7命名视图

13.8编程式导航

13.9导航守卫

13.10路由元信息

练习题

模块14状态管理

14.1什么是pinia

14.2pinia的核心概念

14.3pinia的基本应用

14.4本地存储

14.5状态持久化

练习题

模块15网络请求

15.1什么是Axios

15.2安装Axios

15.3安装JSONServer

15.4Axios基础用法

15.5并发请求

15.6Axios

15.7QS库

15.8同源策略与数据请求

练习题

模块16项目实战

16.1项目描述

16.2项目分析

16.3项目实施

附录1+X专题