本书共11个单元，用通俗易懂的语言和丰富的案例，详细讲解Vue.js 3的相关技术和知识，具体内容包括Vue.js 3入门基础、基础语法、组件基础、组件进阶、过渡和动画、组合式API、与后端交互——axios、路由管理——Vue Router、状态管理——Vuex、构建工程化的Vue项目，以及工程化项目实战：图片素材库网站。 本书配套丰富的教学资源，包括教学PPT、源代码、教案及习题等。 本书可作为高等教育本、专科院校计算机相关专业的教材，也可作为网站开发爱好者的自学读物。

单元1 Vue.js 3入门基础
单元导学
学习目标
知识学习
1.1 前端开发模式的演变历程
1.2 认识Vue.js
1.3 项目开发准备
1.3.1 了解相关工具
1.3.2 安装开发和调试工具
应用实践
项目1 历史名城简介页面
任务1-1 构建Vue应用程序
任务1-2 运行并调试Vue应用程序
同步训练
单元小结
单元练习
单元2 基础语法
单元导学
学习目标
知识学习
2.1 剖析Vue应用程序
2.2 单向绑定
2.3 双向绑定
2.4 流程控制
2.4.1 条件渲染
2.4.2 列表渲染
2.5 事件处理
2.5.1 事件监听
2.5.2 事件修饰符
2.6 计算属性
2.7 数据监听器
应用实践
项目2-1 简易计算器
任务2-1-1 构建页面布局
任务2-1-2 创建根组件和Vue应用实例
项目2-2 历史名城典故页面
任务2-2-1 构建页面布局
任务2-2-2 创建根组件和Vue应用实例
同步训练
单元小结
单元练习
单元3 组件基础
单元导学
学习目标
3.1 认识组件
3.2 组件定义
3.3 组件注册
3.3.1 全局注册
3.3.2 局部注册
3.4 组件间数据传递
3.4.1 props的使用
3.4.2 props的验证
3.5 组件事件
3.5.1 组件事件的监听与处理
3.5.2 组件事件的验证
3.5.3 v-model与自定义事件
3.6 组件插槽
3.6.1 默认插槽
3.6.2 具名插槽
3.6.3 作用域插槽
3.7 动态组件
应用实践
项目3 自定义页面图标样式
任务3-1 构建页面布局
任务3-2 实现自定义图标样式
同步训练
单元小结
单元练习
单元4 组件进阶
单元导学
学习目标
知识学习
4.1 组件生命周期
4.1.1 生命周期钩子函数
4.1.2 实例创建
4.1.3 页面挂载
4.1.4 数据更新
4.1.5 组件实例销毁
4.2 Teleport
4.2.1 基本用法
4.2.2 结合组件使用
应用实践
项目4 弹出式登录框
任务4-1 构建页面布局
任务4-2 创建登录框组件
同步训练
单元小结
单元练习
单元5 过渡和动画
单元导学
学习目标
知识学习
5.1 认识过渡和动画
5.2 实现过渡和动画
5.2.1 Transition组件
5.2.2 过渡
5.2.3 动画
5.2.4 基于钩子函数的过渡和动画
5.3 多个元素和组件过渡
5.4 列表过渡
应用实践
项目5 会员中心页面
任务5-1 构建页面布局
任务5-2 创建局部组件
同步训练
单元小结
单元练习
单元6 组合式API
单元导学
学习目标
知识学习
6.1 组合式API
6.1.1 认识组合式API
6.1.2 setup函数
6.1.3 访问生命周期钩子函数
6.2 响应性API
6.2.1 响应性原理
6.2.2 响应性API的应用
6.3 provide/inject响应式传值
应用实践
项目6 查询历史名城相关诗词
任务6-1 采用选项式API实现
任务6-2 利用组合式API重构
同步训练
单元小结
单元练习
单元7 与后端交互——axios
单元导学
学习目标
知识学习
7.1 认识axios
7.1.1 异步编程
7.1.2 axios安装与配置
7.2 axios处理HTTP请求
7.3 axios拦截器
应用实践
项目7 查询旅游城市天气
任务7-1 构建页面布局
任务7-2 实现天气预报查询
同步训练
单元小结
单元练习
单元8 路由管理——Vue Router
单元导学
学习目标
知识学习
8.1 认识Vue Router
8.1.1 前端路由
8.1.2 Vue Router安装与使用
8.2 路由属性
8.2.1 嵌套路由
8.2.2 命名路由
8.2.3 命名视图
8.3 动态路由
8.3.1 路由传参
8.3.2 路由函数
8.4 导航
8.4.1 声明式导航
8.4.2 编程式导航
8.5 导航守卫
8.5.1 全局导航守卫
8.5.2 路由导航守卫
应用实践
项目8 用户登录及注册
任务8-1 构建页面头部布局
任务8-2 实现登录和注册功能
同步训练
单元小结
单元练习
单元9 状态管理——Vuex
单元导学
学习目标
知识学习
9.1 认识Vuex
9.1.1 状态管理模式
9.1.2 Vuex安装与使用
9.2 Vuex核心属性
9.2.1 state
9.2.2 getters
9.2.3 mutations
9.2.4 actions
9.2.5 modules
应用实践
项目9 记录用户浏览历史
任务9-1 构建页面布局
任务9-2 实现浏览历史的记录和获取功能
同步训练