[
-
内容大纲
Vue是一款用于构建用户界面的渐进式框架，现已成为Web前端开发领域三大主流框架之一。2020年9月，Vue3正式发布，目前其在国内Web前端开发（尤其是手机App的HTML5页面开发）领域已被广泛应用。
本书共16章，内容分为四部分，即Vue概述、Vue基础、Vue生态和Vue实战，从基础知识到实战项目，全面系统地介绍Vue技术，且涵盖目前新一代企业级状态管理库Pinia和下一代前端构建工具Vite。本书内容由浅入深，实例丰富实用，实战部分通过一个通用的Vue3项目脚手架实例和一个基于Vue3+Vant的项目实例（易学、易用、易上手）来帮助读者将所学知识更好地应用到实际开发工作中，快速培养独立完成基于Vue3的企业级应用开发与迭代能力。
本书可作为Web前端开发相关课程的教材，也可供广大信息技术类专业的学习者参考使用，还可作为Web前端开发相关领域培训机构的教材。 -
作者介绍
-
目录
第一部分 Vue概述
第1章 Vue前世今生
1.1 Vue简介
1.2 Vue产生的背景
1.2.1 jQuery一统天下的时代
1.2.2 从jQuery到Vue的思维转变
1.3 Vue的学习方法
1.3.1 Vue前置知识的准备
1.3.2 开发工具介绍
1.4 Vue3的特点
1.5 本章小结
习题
第2章 第一个Vue项目实例
2.1 搭建开发环境
2.1.1 安装Node.js
2.1.2 安装VueDevtools
2.2 创建Vue3项目示例
2.2.1 创建一个单页面项目
2.2.2 运行及构建项目
2.3 详解HelloWorld项目
2.3.1 整体项目结构
2.3.2 src项目源文件目录
2.3.3 项目主要文件源代码详解
2.4 本章小结
习题
上机实操
第二部分 Vue基础
第3章 Vue生命周期
3.1 生命周期函数
3.1.1 钩子函数详细描述与使用场景
3.1.2 Vue2与Vue3生命周期钩子函数对比
3.2 生命周期代码示例
3.3 本章小结
习题
上机实操
第4章 Vue指令
4.1 Vue指令简介
4.2 内置指令
4.2.1 条件渲染
4.2.2 循环渲染
4.2.3 数据插入
4.2.4 属性绑定
4.2.5 事件绑定
4.2.6 双向数据绑定
4.2.7 插槽
4.2.8 性能提升相关指令
4.3 自定义指令
4.3.1 自定义指令使用场景
4.3.2 创建与使用自定义指令
4.3.3 生命周期钩子函数
4.3.4 自定义指令应用示例
4.4 本章小结
习题
上机实操
第5章 Vue组件
5.1 组件简介
5.2 注册组件与使用组件
5.2.1 注册组件
5.2.2 使用组件
5.3 Props与组件间通信
5.3.1 Props
5.3.2 组件间通信
5.4 插槽
5.4.1 默认插槽
5.4.2 具名插槽
5.4.3 作用域插槽
5.5 组件间切换
5.5.1 条件渲染
5.5.2 动态组件
5.6 内置组件
5.6.1 Transition
5.6.2 Teleport
5.6.3 Suspense
5.6.4 Keep-alive
5.7 本章小结
习题
上机实操
第6章 计算属性和侦听器
6.1 计算属性
6.1.1 计算属性简介
6.1.2 计算属性与方法的对比
6.1.3 计算属性的用法
6.1.4 计算属性的使用示例
6.2 侦听器
6.2.1 侦听器简介
6.2.2 侦听器的用法
6.2.3 侦听器的使用示例
6.3 本章小结
习题
上机实操
第7章 样式绑定和过渡动画
7.1 样式绑定
7.1.1 :class指令
7.1.2 :style指令
7.1.3 动态绑定Class
7.1.4 动态绑定Style
7.1.5 动态绑定样式对象
7.2 过渡动画
7.2.1 基本用法
7.2.2 高级用法
7.2.3 应用示例
7.3 本章小结
习题
上机实操
第8章 混入
8.1 混入简介
8.2 混入的定义
8.3 混入的使用
8.4 混入的完整示例
8.5 混入选项的合并规则
8.6 混入的使用建议
8.7 本章小结
习题
上机实操
第9章 组合式API
9.1 使用组合式API的动机和优势
9.1.1 动机
9.1.2 优势
9.2 组合式API的核心概念
9.2.1 setup函数
9.2.2 reactiveAPI
9.2.3 refAPI
9.3 组合式API与混入比较
9.3.1 两者的区别
9.3.2 代码示例
9.4 本章小结
习题
上机实操
第三部分 Vue生态
第10章 VueRouter
10.1 VueRouter入门
10.1.1 前端路由的概述
10.1.2 VueRouter概述
10.1.3 VueRouter安装与配置
10.2 静态路由与动态路由
10.2.1 静态路由
10.2.2 动态路由
10.2.3 路由传参
10.3 路由守卫
10.3.1 路由守卫概述
10.3.2 全局前置守卫
10.3.3 路由独享守卫
10.3.4 组件内的守卫
10.4 路由的过渡动画
10.4.1 过渡动画概述与分类
10.4.2 渐变过渡动画
10.4.3 幻灯片过渡动画
10.4.4 缩放过渡动画
10.4.5 旋转过渡动画
10.4.6 自定义过渡动画
10.5 本章小结
习题
上机实操
第11章 Pinia——一个全新的状态管理库
11.1 认识Pinia
11.1.1 状态管理简介
11.1.2 选择Pinia的理由
11.2 安装与配置
11.2.1 安装Pinia
11.2.2 创建Pinia实例
11.2.3 定义Store
11.2.4 使用Store
11.2.5 提供Store
11.3 状态管理基础
11.3.1 创建和注册Store
11.3.2 State和Getters
11.3.3 $patch
11.3.4 Actions
11.4 在Vue组件中使用Pinia
11.4.1 在组件中获取状态
11.4.2 使用$patch和Actions更新状态
11.4.3 辅助函数和辅助Hook
11.5 高级技巧与实践
11.5.1 异步操作与副作用处理
11.5.2 跨Store数据共享
11.5.3 插件开发和使用
11.5.4 单元测试Pinia应用程序
11.5.5 完整实践
11.6 本章小结
习题
上机实操
第12章 Vite——下一代前端构建工具
12.1 Vite概述
12.1.1 Vite的由来和特点
12.1.2 Vite与Vue3结合的优势
12.2 环境搭建与项目创建
12.2.1 安装与配置Vite
12.2.2 Vite项目结构解析
12.2.3 Vite配置选项详解
12.2.4 Vite项目开发与构建
12.3 本章小结
习题
上机实操
第13章 Axios——一个HTTP网络请求库
13.1 Axios概述
13.1.1 认识Axios与Axios的优势
13.1.2 Axios的安装与配置
13.1.3 发起请求与处理响应
13.2 Vue3中的Axios实例
13.2.1 在Vue组件中使用Axios
13.2.2 Axios结合VueRouter的异步加载数据
13.2.3 Pinia中的异步数据管理与Axios
13.3 Axios公共逻辑与封装
13.3.1 创建可复用的Axios封装
13.3.2 处理请求的Loading状态
13.3.3 统一处理错误提示与日志记录
13.3.4 优化Axios封装与配置
13.4 安全性与性能优化
13.4.1 有关网络请求的安全性
13.4.2 性能优化
13.5 本章小结
习题
上机实操
第14章 Vue组件库
14.1 ElementPlus
14.1.1 ElementPlus简介
14.1.2 ElementPlus入门
14.1.3 ElementPlus常用组件
14.1.4 ElementPlus布局组件
14.1.5 ElementPlus高级组件
14.1.6 项目实践——一个简单的后台管理系统
14.2 Vant
14.2.1 Vant简介
14.2.2 Vant快速入门
14.2.3 Vant基础组件
14.2.4 Vant布局组件
14.2.5 Vant业务组件
14.2.6 项目实践——一个移动端购物车界面
14.3 本章小结
习题
上机实操
第四部分 Vue实战
第15章 Vue3+VueRouter+Vite+Pinia+Axios+ElementPlus项目脚手架实例
15.1 创建新的Vue3项目
15.1.1 使用Vue3脚手架创建新项目
15.1.2 安装项目依赖包
15.2 集成ElementPlus
15.3 集成Axios
15.4 多环境配置
15.5 项目结构详解
15.6 本章小结
习题
上机实操
第16章 一个基于Vue3+Vant的HTML5版考拉商城
16.1 商城前端架构搭建
16.1.1 Vue3与Vant集成
16.1.2 项目结构详解
16.2 项目公用文件
16.2.1 assets静态资源文件目录
16.2.2 common公用目录
16.2.3 App.vue根组件
16.3 首页
16.3.1 头部搜索栏
16.3.2 轮播图
16.3.3 功能导航模块
16.3.4 新品上线模块
16.3.5 热门商品模块
16.3.6 最新推荐模块
16.3.7 效果优化
16.3.8 底部导航栏
16.3.9 添加路由
16.4 登录页面和注册页面
16.4.1 添加路由
16.4.2 头部导航栏
16.4.3 登录页面和注册页面模块
16.5 “我的”页面
16.5.1 首页登录状态细节
16.5.2 添加路由
16.5.3 “我的”页面模块
16.6 商品列表页面
16.6.1 添加路由
16.6.2 头部搜索栏
16.6.3 Tabs栏
16.6.4 商品列表栏
16.6.5 页面逻辑代码实现
16.7 商品详情页面
16.7.1 添加路由
16.7.2 商品详情模块
16.7.3 底部工具栏
16.8 购物车页面
16.8.1 添加路由
16.8.2 购物车列表模块
16.8.3 底部结算模块
16.9 地址管理页面
16.9.1 地址列表页面
16.9.2 编辑地址页面
16.10 生成订单页面
16.10.1 添加路由
16.10.2 订单接口
16.10.3 地址栏
16.10.4 商品列表模块
16.10.5 生成订单模块
16.10.6 支付弹窗模块
16.11 “我的订单”页面
16.11.1 创建页面
16.11.2 定义路由
16.12 订单详情页面
16.12.1 定义路由
16.12.2 创建页面
16.13 分类页面
16.13.1 定义路由
16.13.2 区域滚动组件
16.13.3 创建页面
16.14 本章小结
习题
上机实操
同类热销排行榜
- C语言与程序设计教程(高等学校计算机类十二五规划教材)16
- 电机与拖动基础(教育部高等学校自动化专业教学指导分委员会规划工程应用型自动化专业系列教材)13.48
- 传感器与检测技术(第2版高职高专电子信息类系列教材)13.6
- ASP.NET项目开发实战(高职高专计算机项目任务驱动模式教材)15.2
- Access数据库实用教程(第2版十二五职业教育国家规划教材)14.72
- 信号与系统(第3版下普通高等教育九五国家级重点教材)15.08
- 电气控制与PLC(普通高等教育十二五电气信息类规划教材)17.2
- 数字电子技术基础(第2版)17.36
- VB程序设计及应用(第3版十二五职业教育国家规划教材)14.32
- Java Web从入门到精通(附光盘)/软件开发视频大讲堂27.92
推荐书目
-
孩子你慢慢来/人生三书 华人世界率性犀利的一枝笔，龙应台独家授权《孩子你慢慢来》20周年经典新版。她的《...
-
时间简史(插图版) 相对论、黑洞、弯曲空间……这些词给我们的感觉是艰深、晦涩、难以理解而且与我们的...
-
本质(精) 改革开放40年，恰如一部四部曲的年代大戏。技术突变、产品迭代、产业升级、资本对接...