第1章 走进Vue.js的新世界 1
1.1 MVVM模式 1
1.1.1 什么是MVC 1
1.1.2 MVVM模式 2
1.2 什么是Vue.js 2
1.2.1 Vue.js的由来 2
1.2.2 Vue.js的版本 4
1.2.3 Vue和React和AngularJS简单对比 4
1.2.4 Vue.js和前端工程化和Webpack 5
1.3 Vue.js的安装和导入 6
1.3.1 通过<script>标签导入 6
1.3.2 通过NPM导入 6
1.3.3 Vue Cli和Vite导入 6
1.4 Vue 3新特性概览 7
1.4.1 更快、更小、更易于维护 7
1.4.2 新特性初体验 12
1.5 ECMAScript 6 语言基础 14
1.5.1 变量声明 14
1.5.2 模块化 18
1.5.3 Promise和async/await 20
1.6 案例：Hello Vue 3 23
1.7 本章小结 23
第2章 Vue.js基础 25
2.1 Vue.js实例和组件 25
2.1.1 创建Vue.js实例 25
2.1.2 用component()方法创建组件 27
2.1.3 Vue组件，根组件，实例的区别 28
2.1.4 全局组件和局部组件 28
2.1.5 组件方法和事件的交互操作 29
2.1.6 单文件组件 31
2.2 Vue.js模板语法 33
2.2.1 插值表达式 34
2.2.2 指令 36
2.3 Vue.js Data Property、方法、计算属性和监听器 47
2.3.1 Data Property 47
2.3.2 方法 48
2.3.3 计算属性 49
2.3.4 计算属性VS 方法 50
2.3.5 监听器 54
2.3.6 监听器 VS 计算属性 57
2.4 案例：Vue 3留言板 59
2.4.1 功能描述 59
2.4.2 案例完整代码 59
2.5 本章小结 59
第3章 Vue.js组件 61
3.1 组件生命周期 61
3.1.1 beforeCreate和created 63
3.1.2 beforeMount和mounted 64
3.1.3 beforeUpdate和updated 65
3.1.4 beforeUnmount和unmounted 68
3.1.5 errorCaptured 70
3.1.6 activated 和deactivated 71
3.1.7 renderTracked 和renderTriggered 71
3.2 组件通信 71
3.2.1 组件通信概述 71
3.2.1 父组件向子组件通信 74
3.2.3 子组件向父组件通信 78
3.2.4 父子组件的双向数据绑定与自定义v-model 81
3.2.5 非父子关系组件的通信 82
3.2.6 Provide / Inject 86
3.3 组件插槽 89
3.3.1 默认插槽 89
3.3.2 具名插槽 90
3.3.3 动态插槽名 92
3.3.4 插槽后备 92
3.3.5 作用域插槽 93
3.3.6 解构插槽Props 95
3.4 动态组件 96
3.5 异步组件和<suspense> 98
3.6 <teleport> 100
3.7 Mixin 102
3.7.1 Mixin合并 103
3.7.2 全局Mixin 106
3.7.3 Mixin取舍 106
3.8 案例：Vue 3待办事项 107
3.8.1 功能描述 107
3.8.2 案例完整代码 108
3.9 本章小结 112
第4章 Vue.js Composition API 113
4.1 Composition API 基础 113
4.2 setup 方法 115
4.2.1 setup方法参数 116
4.2.2 setup方法结合模板使用 118
4.2.3 setup方法执行时机和getCurrentInstance方法 118
4.3 响应式类方法 119
4.3.1 ref和reactive 119
4.3.2 toRef和toRefs 121
4.3.3 其他响应式类方法 123
4.4 监听类方法 126
4.4.1 computed方法 126
4.4.2 watchEffect方法 127
4.4.3 watch方法 128
4.5 生命周期类方法 130
4.6 methods方法 131
4.7 Provide / Inject 133
4.8 单文件组件<script setup> 136
4.9 案例：Composition API待办事项 139
4.9.1 功能描述 139
4.9.2 案例完整代码 139
4.10 本章小结 142
第5章 Vue.js 动画 143
5.1 Vue.js动画概述 143
5.1.1 从一个简单的动画开始 144
5.2 transition组件实现过渡（transition）效果 145
5.3 transition组件实现动画（animation）效果 148
5.4 transition组件同时使用过渡和动画 149
5.5 transition组件的钩子函数 151
5.6 多个元素或组件的过渡/动画效果 152
5.7 列表数据的过渡效果 154
5.8 案例：魔幻的事项列表 157
5.8.1 功能描述 157
5.8.2 案例完整代码 157
5.9 本章小结 159
第6章 Vuex状态管理 160
6.1 什么是“状态管理模式” 160
6.2 Vuex概述 162
6.2.1 Vuex的组成 162
6.2.2 安装Vuex 163
6.2.3 一个简单的Store 163
6.3 State 164
6.4 Getters 166
6.5 Mutation 168
6.6 Action 170
6.7 Modules 173
6.8 Vuex插件 178
6.9 在Composition API中使用Vuex 179
6.10 Vuex适用的场合 181
6.11 Pinia介绍 181
6.12 案例：事项列表的数据通信 182
6.12.1 功能描述 183
6.12.2 案例完整代码 183
6.13 本章小结 185
第7章 Vue Router路由管理 186
7.1 什么是单页应用 186
7.2 Vue Router概述 187
7.2.1 安装Vue Router 187
9.2.2 一个简单的组件路由 188
7.3 动态路由 189
7.3.1 动态路由匹配 189
7.3.2 响应路由变化 191
7.4 导航守卫 192
7.4.1 全局前置守卫 192
7.4.2 全局解析守卫 193
7.4.3 全局后置钩子 194
7.4.4 组件内的守卫 194
7.4.5 路由配置守卫 196
7.5 嵌套路由 197
7.6 命名视图 199
7.7 命名路由 201
7.8 编程式导航 202
7.9 路由组件传参 204
7.10 路由重定向、别名及元信息 206
7.10.1 路由重定向 206
7.10.2 路由别名 207
7.10.3 路由元数据 207
7.11 Vue Router的路由模式 208
7.12 滚动行为 210
7.13 keep-alive 211
7.13.1 keep-alive缓存状态 211
7.13.2 利用元数据meta控制keep-alive 213
7.14 路由懒加载 216
7.15 在Composition API中使用Vue Router 216
7.16 案例：Vue Router路由待办事项 218
7.16.1 功能描述 218
7.16.2 案例完整代码 218
7.17 本章小结 219
第8章 Vue Cli 工具 220
8.1 Vue Cli概述 220
8.2 Vue Cli安装和使用 221
8.2.1 初始化项目 223
8.2.2 启动项目 224
8.2.3 图形化界面vue ui 226
8.3 Vue Cli自定义配置 228
8.3.1 configureWebpack配置 228
8.3.2 chainWebpack配置 229
8.3.3 其他配置 231
8.4 案例：Vue Cli创建待办事项 233
8.5 本章小结 233
第9章 Vite工具 234
9.1 Vite概述 234
9.1.1 为什么区分开发和生产 234
9.1.2 为什么是RollUp 236
9.2 Vite安装和使用 237
9.2.1 初始化项目 237
9.2.2 启动项目 238
9.2.3 热更新HMR 238
9.3 Vite自定义配置 239
9.3.1 静态资源处理 239
9.3.2 插件配置 241
9.3.3 服务端渲染配置 242
9.4 Vite与Vue Cli 242
9.4.1 Vite和Vue Cli的主要区别 242
9.4.2 Vite和Vue Cli哪个性能更好 243
9.4.3 实际项目中如何选择 244
9.5 案例：Vite创建待办事项 245
9.6 本章小结 245
第10章 Vue.js 服务端渲染 246
10.1 服务端渲染概述 246
10.1.1 客户端渲染 246
10.1.2 客户端渲染VS服务端渲染 247
10.2 Vite服务端渲染改造 249
10.2.1 同构 249
10.2.2 二次渲染 249
10.2.3 基于Vite服务端渲染概述 250
10.2.4 创建Vite项目 251
10.2.5 改造main.js 251
10.2.6 创建Node.js服务server.js 253
10.2.7 生产模式服务端渲染 256
10.2.8 优化package.json命令，完成改造 258
10.3 编写通用的代码 259
10.3.1 服务端的数据响应性 259
10.3.2 组件生命周期钩子 260
10.3.3 访问特定平台的API 260
10.4 预渲染 261
10.5 Nuxt.js介绍 263
10.6 案例：服务端渲染待办事项 264
10.6.1 功能描述 264
10.6.2 案例完整代码 264
10.7 本章小结 265
第11章 Vue 3核心源码解析 266
11.1 源码目录结构解析 266
11.1.1 下载并启动Vue 3源码 266
11.1.2 目录模块 267
11.1.3 构建版本 268
11.2 面试高频响应式原理 269
11.2.1 Proxy API 270
11.2.2 Proxy和响应式对象reactive 273
11.2.3 ref()方法运行原理 274
11.3 大名鼎鼎的虚拟DOM 280
11.3.1 什么是虚拟DOM 280
11.3.2 Vue 3虚拟DOM 281
11.3.3 获取<template>内容 281
11.3.4 生成AST语法树 282
11.3.5 生成render方法字符串 285
11.3.6 得到最终VNode对象 288
11.4 双向绑定的前世今生 290
11.4.1 响应式触发 292
11.4.2 生成新VNode 296
11.4.3 虚拟DOM diff 297
11.4.4 完成真实DOM 修改 310
11.5 <keep-alive>的魔法 312
11.5.1 LRU算法 313
11.5.2 缓存VNode对象 315
11.6 本章小结 316
第12章 实战项目：豆瓣电影评分系统 317
12.1 开发环境准备 317
12.1.1 安装代码编辑器Sublime Text 3 317
12.1.2 安装cnpm 318
12.1.3 Vite项目初始化 319
12.2 项目功能逻辑 320
12.3 首页开发 321
12.3.1 轮播翻页组件 322
12.3.2 搜索框组件 323
12.4 登陆页开发 324
12.5 详情页开发 326
12.5.1 电影基本信息组件 327
12.5.2 电影演员信息组件 328
12.5.3 电影评论信息组件 329
12.6 发表页开发 330
12.7 搜索页开发 332
12.8 路由配置 334
12.9 服务端渲染改造 335
12.9.1 main.js改造 335
12.9.2 entry-client.js，entry-server.js 335
12.9.3 home.vue改造 336
12.9.4 store改造 337
12.9.5 server.js改造 339
12.10 本章小结 340
· · · · · · (
收起)
0 有用 Jeffrey 2023-02-07 17:32:02 浙江
还不错的入门书。
0 有用 吕小鸣 2024-11-02 14:50:43 河南
深入浅出，不错