剑指Vue3――从入门到实践
第1章 Vue．js概述 1
1．1 六何分析Vue 1
1．1．1 Vue是什么 1
1．1．2 Vue是由谁开发的 2
1．1．3 Vue的发展历程 2
1．1．4 Vue用在哪些项目的开发中 3
1．1．5 为什么要选择Vue 3
1．1．6 如何学习Vue 4
1．2 Vue3的新特性 4
1．2．1 内在核心的变化 4
1．2．2 渲染引擎的改进 4
1．2．3 新的内置组件 5
1．2．4 API的修改 6
1．3 Vue3的运行环境 9
1．3．1 运行环境搭建 9
1．3．2 Vue开发者调试工具 13
第2章 核心语法 15
2．1 模板语法 15
2．1．1 插值语法 15
2．1．2 指令语法 16
2．1．3 data和methods配置项 17
2．2 计算属性 19
2．2．1 计算属性的基本使用 19
2．2．2 计算属性和method方法 21
2．2．3 计算属性的setter 22
2．3 监听 24
2．3．1 监听的基本使用 24
2．3．2 即时回调与深度监听 25
2．4 绑定动态样式 28
2．4．1 class绑定 28
2．4．2 style绑定 30
2．5 条件渲染指令 32
2．5．1 v-if相关指令 32
2．5．2 v-show指令 33
2．5．3 比较v-if和v-show指令 34
2．6 列表渲染指令 35
2．6．1 列表的动态渲染 35
2．6．2 列表的增、删、改 37
2．6．3 列表的过滤 39
2．6．4 列表的排序 40
2．7 事件处理 41
2．7．1 绑定事件监听 41
2．7．2 事件修饰符 43
2．7．3 按键修饰符 44
2．8 收集表单数据 45
2．8．1 使用v-model指令 46
2．8．2 相关指令修饰符 47
2．9 Vue实例的生命周期 49
2．9．1 生命周期流程图 49
2．9．2 Vue实例的生命周期分析 50
2．9．3 常用的生命周期钩子函数 53
2．10 过渡与动画 53
2．10．1 基于CSS的过渡动画效果 54
2．10．2 基于CSS的逐帧动画效果 55
2．10．3 基于第三方动画类库的CSS动画效果 56
2．10．4 基于JavaScript的动画效果 57
2．10．5 多元素分组动画效果 59
2．11 内置指令 61
2．11．1 v-text和v-html指令 61
2．11．2 v-pre指令 61
2．11．3 v-once指令 62
2．11．4 v-memo指令 63
2．11．5 v-cloak指令 64
第3章 Vue3新语法 65
3．1 组合式API的了解 65
3．2 setup组合式API入口函数 67
3．3 利用ref函数定义响应式数据 68
3．4 利用reactive函数定义响应式数据 70
3．5 toRefs与toRef函数 72
3．6 readonly与shallowReadonly函数 74
3．7 shallowRef与shallowReactive函数 76
3．8 toRaw与markRaw函数 79
3．9 computed函数 81
3．10 watch函数 83
3．11 生命周期钩子函数 86
第4章 组件详解 89
4．1 脚手架项目的分析 89
4．2 ESLint与Prettier 95
4．2．1 ESLint语法检查 95
4．2．2 Prettier代码格式化 96
4．3 组件样式控制 97
4．3．1 组件定义与使用 97
4．3．2 全局样式控制 99
4．3．3 局部作用域样式控制 99
4．3．4 深度样式控制 100
4．4 组件通信之props 100
4．4．1 组件关系 101
4．4．2 父与子通信之props 102
4．5 组件通信之ref与defineExpose 105
4．6 组件通信之emits与defineEmits 107
4．7 组件通信之attrs 108
4．8 组件通信之provide与inject 110
4．9 组件通信之mitt 111
4．10 组件通信之slot 113
4．10．1 默认插槽 113
4．10．2 具名插槽 114
4．10．3 插槽默认值 115
4．10．4 作用域插槽 116
4．11 内置组件之Component 117
4．12 内置组件之KeepAlive 119
4．13 内置组件之Teleport 122
4．14 代码封装之自定义directive（指令） 125
4．15 代码封装之自定义hook（钩子） 127
4．16 代码封装之plugin（插件） 128
第5章 Vue路由 131
5．1 路由的概念与核心功能 131
5．1．1 路由概念的提出 131
5．1．2 路由的核心功能 133
5．2 动态组件加载 133
5．2．1 动态组件加载的实现 133
5．2．2 路径别名与省略后缀的配置 135
5．3 配置简单路由 136
5．4 路由链接高亮显示 138
5．4．1 利用vue-router的内置样式实现路由链接高亮显示 138
5．4．2 利用active-class属性实现路由链接高亮显示 139
5．4．3 利用vue-router模块的linkActiveClass全局配置实现路由链接高亮显示 140
5．4．4 利用router-link的slot实现自定义标签与高亮显示 141
5．4．5 利用bootstrap改善导航页面 142
5．5 嵌套路由 142
5．5．1 目标分析与功能规划 143
5．5．2 嵌套路由实现 144
5．6 动态路由传参 148
5．6．1 路由参数基础概念理解 149
5．6．2 params参数的应用 149
5．6．3 query参数的应用 154
5．7 路由参数映射 154
5．7．1 props的不同类型映射 155
5．7．2 拆分路由配置代码提高可维护性 158
5．8 命名路由切换 159
5．9 命名视图渲染 160
5．9．1 命名视图的基本应用 161
5．9．2 嵌套路由中命名视图的应用 162
5．10 编程式路由导航 164
5．11 路由过滤筛选 166
5．12 路由过渡动画效果 168
5．12．1 先过渡再路由切换 168
5．12．2 先路由切换再过渡 169
5．13 路由滚动行为 171
5．14 路由的异步懒加载 172
5．15 缓存路由组件 174
5．15．1 KeepAlive的基本使用 175
5．15．2 KeepAlive的参数设置 179
5．16 路由守卫 181
5．16．1 利用路由全局守卫实现页面切换时对进度条的控制 181
5．16．2 利用路由全局守卫实现授权页面的禁用与指定页面的查看功能 182
5．16．3 利用路由独享守卫确认页面来源 184
5．16．4 利用路由组件内守卫确认是否重复点击相同内容及确认是否离开页面 184
5．17 动态添加与删除路由 185
第6章 数据请求 190
6．1 数据请求的概念 190
6．2 数据接口 191
6．2．1 什么是接口 191
6．2．2 接口的类型有哪些 192
6．2．3 正式数据接口与模拟数据接口 192
6．3 接口调试 198
6．3．1 swagger接口调试 198
6．3．2 本地接口调试 199
6．4 原生API请求 200
6．4．1 AJAX基本概念与操作步骤 200
6．4．2 fetch请求 204
6．5 axios请求 205
6．5．1 axios基本请求实现 205
6．5．2 axios项目功能集成 206
第7章 状态管理 214
7．1 常规组件通信的弊端 214
7．2 Vuex状态管理器的概念 215
7．3 使用Vue实现一个计数器 217
7．4 Vuex基本使用 220
7．5 Vuex的多模块开发 224
7．5．1 利用modules模块拆分 224
7．5．2 添加用户列表模块 226
7．5．3 开启Vuex模块的命名空间 228
7．6 Vuex状态数据的持久化处理 229
7．7 Pinia状态管理器的概念 230
7．8 使用Pinia管理状态数据 231
7．8．1 Pinia的安装与语法 231
7．8．2 使用Pinia管理计数器模块的状态数据 232
7．8．3 使用Pinia管理用户列表模块的状态数据 235
7．9 Pinia状态数据的持久化处理 236
第8章 UI框架 238
8．1 功能性框架与UI框架的配合 238
8．2 UI框架分类与常用组件 238
8．3 PC端UI框架Element Plus 240
8．3．1 Element Plus框架的完整引入操作 240
8．3．2 Element Plus框架的按需引入打包操作 242
8．3．3 设计业务需求页面 243
8．4 移动端UI框架Vant4 244
8．4．1 Vant4框架的完整引入操作 244
8．4．2 Vant4框架的按需引入打包操作 245
8．4．3 设计业务需求页面 246
第9章 TypeScript 248
9．1 六何分析TypeScript 248
9．2 安装TypeScript环境 250
9．2．1 TypeScript程序不能直接运行 250
9．2．2 安装TypeScript环境并测试 251
9．3 一切从HelloWorld开始 252
9．3．1 在编译时对数据类型进行静态检查 252
9．3．2 tsconfig．json环境配置 253
9．4 TypeScript的类型 254
9．5 TypeScript中的基础类型 255
9．5．1 TypeScript中与JavaScript一致的基础类型 255
9．5．2 TypeScript中特有的基础类型 257
9．6 类型推断 257
9．7 联合类型 258
9．8 类型断言 259
9．9 数组和元组 259
9．9．1 数组 259
9．9．2 元组 260
9．10 枚举 260
9．11 函数 261
9．12 接口 263
9．12．1 接口初探 263
9．12．2 可选属性 263
9．12．3 只读属性 264
9．12．4 描述函数类型 264
9．12．5 接口继承接口 265
9．13 类 265
9．13．1 继承 266
9．13．2 多态 267
9．13．3 访问修饰符 268
9．13．4 readonly修饰符 269
9．13．5 静态属性 269
9．13．6 抽象类 270
9．14 泛型 270
9．14．1 泛型函数 270
9．14．2 泛型接口 271
9．14．3 泛型类 272
9．14．4 泛型约束 273
9．15 其他常用语法 273
9．15．1 类型别名 273
9．15．2 获取类型 274
9．15．3 内置对象类型 275
9．15．4 声明文件 276
9．15．5 4个特别的常用操作符 276
第10章 Vue3对TypeScript的支撑 278
10．1 创建支撑TypeScript的Vue项目 278
10．2 Vue3组合函数对TypeScript的支撑 281
10．2．1 reactive对TypeScript的支撑 281
10．2．2 ref对TypeScript的支撑 282
10．2．3 computed对TypeScript的支撑 285
10．2．4 props对TypeScript的支撑 285
10．2．5 emits对TypeScript的支撑 286
10．3 vue-router对TypeScript的支撑 287
10．4 Pinia对TypeScript的支撑 289
10．5 axios库对TypeScript的支撑 293
10．6 综合应用案例 297
10．6．1 搭建整体路由页面 297
10．6．2 实现计划列表路由功能页面 301
10．6．3 实现用户搜索路由功能页面 310
1．1 六何分析Vue 1
1．1．1 Vue是什么 1
1．1．2 Vue是由谁开发的 2
1．1．3 Vue的发展历程 2
1．1．4 Vue用在哪些项目的开发中 3
1．1．5 为什么要选择Vue 3
1．1．6 如何学习Vue 4
1．2 Vue3的新特性 4
1．2．1 内在核心的变化 4
1．2．2 渲染引擎的改进 4
1．2．3 新的内置组件 5
1．2．4 API的修改 6
1．3 Vue3的运行环境 9
1．3．1 运行环境搭建 9
1．3．2 Vue开发者调试工具 13
第2章 核心语法 15
2．1 模板语法 15
2．1．1 插值语法 15
2．1．2 指令语法 16
2．1．3 data和methods配置项 17
2．2 计算属性 19
2．2．1 计算属性的基本使用 19
2．2．2 计算属性和method方法 21
2．2．3 计算属性的setter 22
2．3 监听 24
2．3．1 监听的基本使用 24
2．3．2 即时回调与深度监听 25
2．4 绑定动态样式 28
2．4．1 class绑定 28
2．4．2 style绑定 30
2．5 条件渲染指令 32
2．5．1 v-if相关指令 32
2．5．2 v-show指令 33
2．5．3 比较v-if和v-show指令 34
2．6 列表渲染指令 35
2．6．1 列表的动态渲染 35
2．6．2 列表的增、删、改 37
2．6．3 列表的过滤 39
2．6．4 列表的排序 40
2．7 事件处理 41
2．7．1 绑定事件监听 41
2．7．2 事件修饰符 43
2．7．3 按键修饰符 44
2．8 收集表单数据 45
2．8．1 使用v-model指令 46
2．8．2 相关指令修饰符 47
2．9 Vue实例的生命周期 49
2．9．1 生命周期流程图 49
2．9．2 Vue实例的生命周期分析 50
2．9．3 常用的生命周期钩子函数 53
2．10 过渡与动画 53
2．10．1 基于CSS的过渡动画效果 54
2．10．2 基于CSS的逐帧动画效果 55
2．10．3 基于第三方动画类库的CSS动画效果 56
2．10．4 基于JavaScript的动画效果 57
2．10．5 多元素分组动画效果 59
2．11 内置指令 61
2．11．1 v-text和v-html指令 61
2．11．2 v-pre指令 61
2．11．3 v-once指令 62
2．11．4 v-memo指令 63
2．11．5 v-cloak指令 64
第3章 Vue3新语法 65
3．1 组合式API的了解 65
3．2 setup组合式API入口函数 67
3．3 利用ref函数定义响应式数据 68
3．4 利用reactive函数定义响应式数据 70
3．5 toRefs与toRef函数 72
3．6 readonly与shallowReadonly函数 74
3．7 shallowRef与shallowReactive函数 76
3．8 toRaw与markRaw函数 79
3．9 computed函数 81
3．10 watch函数 83
3．11 生命周期钩子函数 86
第4章 组件详解 89
4．1 脚手架项目的分析 89
4．2 ESLint与Prettier 95
4．2．1 ESLint语法检查 95
4．2．2 Prettier代码格式化 96
4．3 组件样式控制 97
4．3．1 组件定义与使用 97
4．3．2 全局样式控制 99
4．3．3 局部作用域样式控制 99
4．3．4 深度样式控制 100
4．4 组件通信之props 100
4．4．1 组件关系 101
4．4．2 父与子通信之props 102
4．5 组件通信之ref与defineExpose 105
4．6 组件通信之emits与defineEmits 107
4．7 组件通信之attrs 108
4．8 组件通信之provide与inject 110
4．9 组件通信之mitt 111
4．10 组件通信之slot 113
4．10．1 默认插槽 113
4．10．2 具名插槽 114
4．10．3 插槽默认值 115
4．10．4 作用域插槽 116
4．11 内置组件之Component 117
4．12 内置组件之KeepAlive 119
4．13 内置组件之Teleport 122
4．14 代码封装之自定义directive（指令） 125
4．15 代码封装之自定义hook（钩子） 127
4．16 代码封装之plugin（插件） 128
第5章 Vue路由 131
5．1 路由的概念与核心功能 131
5．1．1 路由概念的提出 131
5．1．2 路由的核心功能 133
5．2 动态组件加载 133
5．2．1 动态组件加载的实现 133
5．2．2 路径别名与省略后缀的配置 135
5．3 配置简单路由 136
5．4 路由链接高亮显示 138
5．4．1 利用vue-router的内置样式实现路由链接高亮显示 138
5．4．2 利用active-class属性实现路由链接高亮显示 139
5．4．3 利用vue-router模块的linkActiveClass全局配置实现路由链接高亮显示 140
5．4．4 利用router-link的slot实现自定义标签与高亮显示 141
5．4．5 利用bootstrap改善导航页面 142
5．5 嵌套路由 142
5．5．1 目标分析与功能规划 143
5．5．2 嵌套路由实现 144
5．6 动态路由传参 148
5．6．1 路由参数基础概念理解 149
5．6．2 params参数的应用 149
5．6．3 query参数的应用 154
5．7 路由参数映射 154
5．7．1 props的不同类型映射 155
5．7．2 拆分路由配置代码提高可维护性 158
5．8 命名路由切换 159
5．9 命名视图渲染 160
5．9．1 命名视图的基本应用 161
5．9．2 嵌套路由中命名视图的应用 162
5．10 编程式路由导航 164
5．11 路由过滤筛选 166
5．12 路由过渡动画效果 168
5．12．1 先过渡再路由切换 168
5．12．2 先路由切换再过渡 169
5．13 路由滚动行为 171
5．14 路由的异步懒加载 172
5．15 缓存路由组件 174
5．15．1 KeepAlive的基本使用 175
5．15．2 KeepAlive的参数设置 179
5．16 路由守卫 181
5．16．1 利用路由全局守卫实现页面切换时对进度条的控制 181
5．16．2 利用路由全局守卫实现授权页面的禁用与指定页面的查看功能 182
5．16．3 利用路由独享守卫确认页面来源 184
5．16．4 利用路由组件内守卫确认是否重复点击相同内容及确认是否离开页面 184
5．17 动态添加与删除路由 185
第6章 数据请求 190
6．1 数据请求的概念 190
6．2 数据接口 191
6．2．1 什么是接口 191
6．2．2 接口的类型有哪些 192
6．2．3 正式数据接口与模拟数据接口 192
6．3 接口调试 198
6．3．1 swagger接口调试 198
6．3．2 本地接口调试 199
6．4 原生API请求 200
6．4．1 AJAX基本概念与操作步骤 200
6．4．2 fetch请求 204
6．5 axios请求 205
6．5．1 axios基本请求实现 205
6．5．2 axios项目功能集成 206
第7章 状态管理 214
7．1 常规组件通信的弊端 214
7．2 Vuex状态管理器的概念 215
7．3 使用Vue实现一个计数器 217
7．4 Vuex基本使用 220
7．5 Vuex的多模块开发 224
7．5．1 利用modules模块拆分 224
7．5．2 添加用户列表模块 226
7．5．3 开启Vuex模块的命名空间 228
7．6 Vuex状态数据的持久化处理 229
7．7 Pinia状态管理器的概念 230
7．8 使用Pinia管理状态数据 231
7．8．1 Pinia的安装与语法 231
7．8．2 使用Pinia管理计数器模块的状态数据 232
7．8．3 使用Pinia管理用户列表模块的状态数据 235
7．9 Pinia状态数据的持久化处理 236
第8章 UI框架 238
8．1 功能性框架与UI框架的配合 238
8．2 UI框架分类与常用组件 238
8．3 PC端UI框架Element Plus 240
8．3．1 Element Plus框架的完整引入操作 240
8．3．2 Element Plus框架的按需引入打包操作 242
8．3．3 设计业务需求页面 243
8．4 移动端UI框架Vant4 244
8．4．1 Vant4框架的完整引入操作 244
8．4．2 Vant4框架的按需引入打包操作 245
8．4．3 设计业务需求页面 246
第9章 TypeScript 248
9．1 六何分析TypeScript 248
9．2 安装TypeScript环境 250
9．2．1 TypeScript程序不能直接运行 250
9．2．2 安装TypeScript环境并测试 251
9．3 一切从HelloWorld开始 252
9．3．1 在编译时对数据类型进行静态检查 252
9．3．2 tsconfig．json环境配置 253
9．4 TypeScript的类型 254
9．5 TypeScript中的基础类型 255
9．5．1 TypeScript中与JavaScript一致的基础类型 255
9．5．2 TypeScript中特有的基础类型 257
9．6 类型推断 257
9．7 联合类型 258
9．8 类型断言 259
9．9 数组和元组 259
9．9．1 数组 259
9．9．2 元组 260
9．10 枚举 260
9．11 函数 261
9．12 接口 263
9．12．1 接口初探 263
9．12．2 可选属性 263
9．12．3 只读属性 264
9．12．4 描述函数类型 264
9．12．5 接口继承接口 265
9．13 类 265
9．13．1 继承 266
9．13．2 多态 267
9．13．3 访问修饰符 268
9．13．4 readonly修饰符 269
9．13．5 静态属性 269
9．13．6 抽象类 270
9．14 泛型 270
9．14．1 泛型函数 270
9．14．2 泛型接口 271
9．14．3 泛型类 272
9．14．4 泛型约束 273
9．15 其他常用语法 273
9．15．1 类型别名 273
9．15．2 获取类型 274
9．15．3 内置对象类型 275
9．15．4 声明文件 276
9．15．5 4个特别的常用操作符 276
第10章 Vue3对TypeScript的支撑 278
10．1 创建支撑TypeScript的Vue项目 278
10．2 Vue3组合函数对TypeScript的支撑 281
10．2．1 reactive对TypeScript的支撑 281
10．2．2 ref对TypeScript的支撑 282
10．2．3 computed对TypeScript的支撑 285
10．2．4 props对TypeScript的支撑 285
10．2．5 emits对TypeScript的支撑 286
10．3 vue-router对TypeScript的支撑 287
10．4 Pinia对TypeScript的支撑 289
10．5 axios库对TypeScript的支撑 293
10．6 综合应用案例 297
10．6．1 搭建整体路由页面 297
10．6．2 实现计划列表路由功能页面 301
10．6．3 实现用户搜索路由功能页面 310
尚硅谷教育是一家专业的IT教育培训机构，开设了JavaEE、大数据、HTML5前端等多门学科，在互联网上发布的JavaEE、大数据、HTML5前端、区块链、C语言、Python等技术视频教程广受赞誉。。
本书基于Vue3讲解，共10章。第1～4章，一步步讲解如何搭建Vue3运行环境、Vue核心语法、Vue3新语法和组件化编程技术；第5～8章，深入讲解Vue3项目开发中必备的技术和插件库，包括Vue路由（VueRouter）、数据请求（axios）、状态管理（Vuex和Pinia）、UI框架（Element Plus和Vant4）；第9～10章，主要讲解TypeScript的核心语法，以及TypeScript与Vue3相关技术的整合应用开发。本书内容翔实，知识点覆盖全面且细致，既注重理论知识，又辅以大量初学者容易上手的代码案例，让读者可以轻松掌握Vue3应用开发的各种实用技巧，为实际应用开发打下良好的基础。本书既可以作为已掌握前端基础技术的人员，以及Vue2或Vue3项目开发人员的参考书，也可以作为高等院校和培训学校相关专业的教材或教辅材料。
比价列表价格走势
公众号、微信群
缺书网微信公众号
扫码进群实时获取购书优惠