Vue.js权威指南

Vue.js 是一个用来开发Web 界面的前端库。《Vue.js权威指南》致力于普及国内Vue.js 技术体系,让更多喜欢前端的人员了解和学习Vue.js。如果你对Vue.js 基础知识感兴趣,如果你对源码解析感兴趣,如果你对Vue.js 2.0感兴趣,如果你对主流打包工具感兴趣,如果你对如何实践感兴趣,《Vue.js权威指南》都是一本不容错过的以示例代码为引导、知识涵盖全面的最佳选择。《Vue.js权威指南》一共30 章,由浅入深地讲解了Vue.js 基本语法及源码解析。主要内容包括数据绑定、指令、表单控件绑定、过滤器、组件、表单验证、服务通信、路由和视图、vue-cli、测试开发和调试、源码解析及主流打包构建工具等。该书内容全面,讲解细致,示例丰富,适用于各层次的开发者。 1 扉页 2 版权页 3 序 4 5 前言 6 7 目录 8 9 10 11 12 13 14 15 16 17 18 19 第1 章 遇见Vue.js 1.1 MVX 模式是什么 1.1.1 MVC 20 第1 章 遇见Vue.js 1.1 MVX 模式是什么 1.1.2 MVP 21 第1 章 遇见Vue.js 1.1 MVX 模式是什么 1.1.3 MVVM 22 第1 章 遇见Vue.js 1.2 Vue.js 是什么 1.2.1 Vue.js 与其他框架的区别 23 24 25 26 27 28 第1 章 遇见Vue.js 1.2 Vue.js 是什么 1.2.2 如何使用Vue.js 29 第1 章 遇见Vue.js 1.2 Vue.js 是什么 1.2.3 Vue.js 的发展历史 30 第2 章 数据绑定 2.1 语法 2.1.1 插值 31 第2 章 数据绑定 2.1 语法 2.1.2 表达式 2.1.3 指令 32 第2 章 数据绑定 2.2 分隔符 33 第3 章 指令 3.1 内部指令 3.1.1 v-if 34 第3 章 指令 3.1 内部指令 3.1.2 v-show 35 第3 章 指令 3.1 内部指令 3.1.3 v-else 36 第3 章 指令 3.1 内部指令 3.1.4 v-model 37 38 第3 章 指令 3.1 内部指令 3.1.5 v-repeat 39 40 41 42 43 44 45 46 47 第3 章 指令 3.1 内部指令 3.1.6 v-for 48 49 50 51 52 53 54 55 第3 章 指令 3.1 内部指令 3.1.7 v-text 3.1.8 v-html 56 第3 章 指令 3.1 内部指令 3.1.9 v-bind 57 第3 章 指令 3.1 内部指令 3.1.10 v-on 58 第3 章 指令 3.1 内部指令 3.1.11 v-ref 3.1.12 v-el 59 第3 章 指令 3.1 内部指令 3.1.13 v-pre 3.1.14 v-cloak 3.2 自定义指令 60 第3 章 指令 3.2 自定义指令 3.2.1 基础 61 62 63 64 第3 章 指令 3.2 自定义指令 3.2.2 高级选项 65 66 67 68 69 第3 章 指令 3.3 内部指令解析 70 71 第3 章 指令 3.4 常见问题解析 72 73 74 第4 章 计算属性 4.1 什么是计算属性 75 第4 章 计算属性 4.2 计算属性缓存 76 77 第4 章 计算属性 4.3 常见问题 4.3.1 计算属性getter 不执行的场景 78 第4 章 计算属性 4.3 常见问题 4.3.2 在v-repeat 中使用计算属性 79 80 第5 章 表单控件绑定 5.1 基本用法 5.1.1 text 5.1.2 checkbox 81 第5 章 表单控件绑定 5.1 基本用法 5.1.3 radio 5.1.4 select 82 83 第5 章 表单控件绑定 5.2 值绑定 84 第5 章 表单控件绑定 5.3 v-model 修饰指令 5.3.1 lazy 85 第5 章 表单控件绑定 5.3 v-model 修饰指令 5.3.2 debounce 5.3.3 number 5.4 修饰指令原理 5.4.1 lazy 源码解析 86 第5 章 表单控件绑定 5.4 修饰指令原理 5.4.2 debounce 源码解析 87 第5 章 表单控件绑定 5.4 修饰指令原理 5.4.3 number 源码解析 88 第6 章 过滤器 89 第6 章 过滤器 6.1 内置过滤器 6.1.1 字母操作 90 第6 章 过滤器 6.1 内置过滤器 6.1.2 json 过滤器 6.1.3 限制 91 92 93 第6 章 过滤器 6.1 内置过滤器 6.1.4 currency 过滤器 94 第6 章 过滤器 6.1 内置过滤器 6.1.5 debounce 过滤器 6.2 自定义过滤器 6.2.1 fillter 语法 95 96 第6 章 过滤器 6.2 自定义过滤器 6.2.2 教你写一个filter 97 第6 章 过滤器 6.3 源码解析 6.3.1 管道实现 98 第6 章 过滤器 6.3 源码解析 6.3.2 过滤器解析 6.4 常见问题解析 99 100 第7 章 Class 与Style 绑定 7.1 绑定HTML Class 7.1.1 对象语法 101 102 第7 章 Class 与Style 绑定 7.1 绑定HTML Class 7.1.2 数组语法 7.2 绑定内联样式 7.2.1 对象语法 103 第7 章 Class 与Style 绑定 7.2 绑定内联样式 7.2.2 数组语法 104 第7 章 Class 与Style 绑定 7.2 绑定内联样式 7.2.3 自动添加前缀 105 106 第8 章 过渡 107 第8 章 过渡 8.1 CSS 过渡 108 第8 章 过渡 8.1 CSS 过渡 8.1.1 内置Class 类名 109 第8 章 过渡 8.1 CSS 过渡 8.1.2 自定义CSS 类名 8.1.3 显式声明CSS 过渡类型 8.1.4 动画案例 110 第8 章 过渡 8.1 CSS 过渡 8.1.5 过渡流程 111 112 第8 章 过渡 8.2 JavaScript 过渡 113 第8 章 过渡 8.3 渐进过渡 114 115 第9 章 Method 9.1 如何绑定事件 9.1.1 内联方式 116 第9 章 Method 9.1 如何绑定事件 9.1.2 methods 配置 117 第9 章 Method 9.1 如何绑定事件 9.1.3 $events 应用 9.2 如何使用修饰符 118 第9 章 Method 9.2 如何使用修饰符 9.2.1 prevent 9.2.2 stop 9.2.3 capture 9.2.4 self 119 第9 章 Method 9.2 如何使用修饰符 9.2.5 按键 9.3 Vue.js 0.12 到1.0 中的变化 9.3.1 v-on 变更 120 第9 章 Method 9.3 Vue.js 0.12 到1.0 中的变化 9.3.2 @click 缩写 121 第10 章 Vue 实例方法 10.1 实例属性 10.1.1 组件树访问 122 第10 章 Vue 实例方法 10.1 实例属性 10.1.2 DOM 访问 10.1.3 数据访问 10.2 实例方法 10.2.1 实例DOM 方法的使用 123 124 第10 章 Vue 实例方法 10.2 实例方法 10.2.2 实例Event 方法的使用 125 126 第11 章 组件 127 第11 章 组件 11.1 基础 11.1.1 注册 128 129 第11 章 组件 11.1 基础 11.1.2 数据传递 130 131 132 133 134 135 136 137 138 139 140 141 142 第11 章 组件 11.1 基础 11.1.3 混合 143 144 145 第11 章 组件 11.1 基础 11.1.4 动态组件 146 147 148 第11 章 组件 11.2 相关拓展 11.2.1 组件和v-for 149 第11 章 组件 11.2 相关拓展 11.2.2 编写可复用组件 11.2.3 异步组件 150 第11 章 组件 11.2 相关拓展 11.2.4 资源命名约定 151 第11 章 组件 11.2 相关拓展 11.2.5 内联模板 152 第11 章 组件 11.2 相关拓展 11.2.6 片段实例 153 第11 章 组件 11.3 生命周期 154 155 第11 章 组件 11.4 开发组件 11.4.1 基础组件 156 157 158 159 160 第11 章 组件 11.4 开发组件 11.4.2 基于第三方组件开发 161 162 163 164 165 第11 章 组件 11.5 常见问题解析 166 167 168 169 170 171 172 第12 章 表单校验 12.1 安装 173 第12 章 表单校验 12.2 基本使用 174 第12 章 表单校验 12.3 验证结果结构 175 176 第12 章 表单校验 12.4 验证器语法 12.4.1 校验字段名field 177 178 第12 章 表单校验 12.4 验证器语法 12.4.2 校验规则定义 179 180 181 第12 章 表单校验 12.5 内置验证规则 12.5.1 required 182 183 第12 章 表单校验 12.5 内置验证规则 12.5.2 pattern 12.5.3 minlength 184 第12 章 表单校验 12.5 内置验证规则 12.5.4 maxlength 185 第12 章 表单校验 12.5 内置验证规则 12.5.5 min 12.5.6 max 186 第12 章 表单校验 12.6 与v-model 同时使用 187 第12 章 表单校验 12.7 重置校验结果 12.8 表单元素 188 189 190 第12 章 表单校验 12.9 各校验状态对应的class 191 第12 章 表单校验 12.9 各校验状态对应的class 12.9.1 自定义校验状态class 12.9.2 在其他元素上使用校验状态class 192 第12 章 表单校验 12.10 分组校验 12.11 错误信息 193 194 195 第12 章 表单校验 12.11 错误信息 12.11.1 错误信息输出组件 196 197 198 第12 章 表单校验 12.11 错误信息 12.11.2 动态设置错误信息 199 200 第12 章 表单校验 12.12 事件 12.12.1 单个字段校验事件 201 第12 章 表单校验 12.12 事件 12.12.2 整个表单校验事件 202 203 第12 章 表单校验 12.13 延迟初始化 204 第12 章 表单校验 12.14 自定义验证器 205 第12 章 表单校验 12.14 自定义验证器 12.14.1 注册自定义验证器 206 第12 章 表单校验 12.14 自定义验证器 12.14.2 错误信息 207 第12 章 表单校验 12.15 自定义验证时机 208 209 210 第12 章 表单校验 12.16 异步验证 12.16.1 注册异步验证器 211 212 第12 章 表单校验 12.16 异步验证 12.16.2 验证器函数context 213 214 第13 章 与服务端通信 215 第13 章 与服务端通信 13.1 vue-resource 安装及配置 13.1.1 安装 216 第13 章 与服务端通信 13.1 vue-resource 安装及配置 13.1.2 参数配置 217 第13 章 与服务端通信 13.1 vue-resource 安装及配置 13.1.3 headers 配置 218 第13 章 与服务端通信 13.1 vue-resource 安装及配置 13.1.4 基本HTTP 调用 219 220 第13 章 与服务端通信 13.1 vue-resource 安装及配置 13.1.5 请求选项对象 221 222 223 第13 章 与服务端通信 13.1 vue-resource 安装及配置 13.1.6 response 对象 13.1.7 RESTful 调用 224 225 第13 章 与服务端通信 13.1 vue-resource 安装及配置 13.1.8 拦截器 226 第13 章 与服务端通信 13.1 vue-resource 安装及配置 13.1.9 跨域AJAX 227 228 第13 章 与服务端通信 13.1 vue-resource 安装及配置 13.1.10 Promise 229 第13 章 与服务端通信 13.1 vue-resource 安装及配置 13.1.11 url 模板 230 第13 章 与服务端通信 13.2 vue-async-data 13.2.1 安装 13.2.2 使用 231 第13 章 与服务端通信 13.3 常见问题解析 13.3.1 如何发送JSONP 请求 232 233 第13 章 与服务端通信 13.3 常见问题解析 13.3.2 如何修改发送给服务端的数据类型 13.3.3 跨域请求出错 234 第13 章 与服务端通信 13.3 常见问题解析 13.3.4 $.http.post 方法变为OPTIONS 方法 235 第14 章 路由与视图 14.1 如何安装 236 第14 章 路由与视图 14.2 基本使用 237 第14 章 路由与视图 14.3 视图部分 14.3.1 v-link 238 239 240 第14 章 路由与视图 14.3 视图部分 14.3.2 router-view 14.4 路由实例 241 242 243 244 245 第14 章 路由与视图 14.5 组件路由配置 14.5.1 路由切换的各个阶段 246 247 248 第14 章 路由与视图 14.5 组件路由配置 14.5.2 各阶段的钩子函数介绍 249 250 251 252 253 254 第14 章 路由与视图 14.6 路由匹配 14.6.1 动态片段 255 第14 章 路由与视图 14.6 路由匹配 14.6.2 全匹配片段 14.6.3 具名路径 256 第14 章 路由与视图 14.6 路由匹配 14.6.4 路由对象 257 第14 章 路由与视图 14.7 transition 对象 14.8 嵌套路由 258 259 第14 章 路由与视图 14.9 动态加载路由组件 260 第14 章 路由与视图 14.10 实战 14.10.1 浏览器直接引用 261 262 第14 章 路由与视图 14.10 实战 14.10.2 Webpack 模块化开发 263 264 265 266 267 268 第14 章 路由与视图 14.11 常见问题解析 269 270 271 272 第15 章 vue-cli 15.1 安装 15.2 基本使用 273 274 275 第15 章 vue-cli 15.3 命令 15.3.1 init 15.3.2 list 276 第15 章 vue-cli 15.4 模板 15.4.1 官方模板 15.4.2 自定义模板 277 第15 章 vue-cli 15.4 模板 15.4.3 本地模板 15.5 不错的工具包 15.5.1 commander 15.5.2 download-git-repo 15.5.3 inquirer 278 第15 章 vue-cli 15.5 不错的工具包 15.5.4 ora 279 第16 章 测试开发与调试 16.1 测试工具 16.1.1 ESLint 280 281 第16 章 测试开发与调试 16.1 测试工具 16.1.2 工具包 282 第16 章 测试开发与调试 16.2 开发工具 16.2.1 Vue Syntax Highlight 16.2.2 Snippets 283 第16 章 测试开发与调试 16.2 开发工具 16.2.3 其他编辑器/IDE 284 285 286 287 第16 章 测试开发与调试 16.3 调试工具 288 289 第17 章 Scrat+Vue.js 的化学反应 17.1 浅谈前端工程化 17.2 前端工程化怎么做 290 291 第17 章 Scrat+Vue.js 的化学反应 17.3 Scrat 简介 292 293 第17 章 Scrat+Vue.js 的化学反应 17.4 Scrat+Vue.js 实现组件 294 第17 章 Scrat+Vue.js 的化学反应 17.5 案例分析 295 第17 章 Scrat+Vue.js 的化学反应 17.5 案例分析 17.5.1 准备工作 296 297 第17 章 Scrat+Vue.js 的化学反应 17.5 案例分析 17.5.2 代码实现 298 299 300 301 302 第17 章 Scrat+Vue.js 的化学反应 17.5 案例分析 17.5.3 编译和发布 303 304 305 第17 章 Scrat+Vue.js 的化学反应 17.6 总结 306 第18 章 Vue.js 2.0 18.1 API 变更 18.1.1 全局配置 307 第18 章 Vue.js 2.0 18.1 API 变更 18.1.2 全局API 308 第18 章 Vue.js 2.0 18.1 API 变更 18.1.3 VM 选项 309 310 311 312 第18 章 Vue.js 2.0 18.1 API 变更 18.1.4 实例属性 18.1.5 实例方法 313 314 第18 章 Vue.js 2.0 18.1 API 变更 18.1.6 指令 315 第18 章 Vue.js 2.0 18.1 API 变更 18.1.7 特殊元素 18.1.8 服务端渲染 18.2 Virtual DOM 18.2.1 认识Virtual DOM 316 317 第18 章 Vue.js 2.0 18.2 Virtual DOM 18.2.2 Virtual DOM 在Vue.js 2.0 中的实现 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 第18 章 Vue.js 2.0 18.3 服务端渲染技术 18.3.1 普通服务端渲染 334 335 336 337 338 第18 章 Vue.js 2.0 18.3 服务端渲染技术 18.3.2 流式服务端渲染 339 340 341 342 343 344 第18 章 Vue.js 2.0 18.4 总结 345 第19 章 源码篇——util 19.1 env 346 第19 章 源码篇——util 19.1 env 19.1.1 系统判断 19.1.2 属性支持 347 第19 章 源码篇——util 19.1 env 19.1.3 过渡属性 348 第19 章 源码篇——util 19.1 env 19.1.4 nextTick 349 350 第19 章 源码篇——util 19.1 env 19.1.5 set 19.2 dom 351 第19 章 源码篇——util 19.2 dom 19.2.1 dom 操作 352 353 354 355 356 357 第19 章 源码篇——util 19.2 dom 19.2.2 属性操作 358 359 第19 章 源码篇——util 19.2 dom 19.2.3 class 操作 360 361 第19 章 源码篇——util 19.2 dom 19.2.4 事件操作 362 第19 章 源码篇——util 19.2 dom 19.2.5 其他 363 364 365 第19 章 源码篇——util 19.3 lang 19.3.1 对象操作 366 367 368 369 第19 章 源码篇——util 19.3 lang 19.3.2 名称转换 370 第19 章 源码篇——util 19.3 lang 19.3.3 数组操作 19.3.4 类型转换 371 372 第19 章 源码篇——util 19.3 lang 19.3.5 方法绑定 19.3.6 其他 373 374 375 第19 章 源码篇——util 19.4 components 376 377 第19 章 源码篇——util 19.5 options 378 379 380 381 382 第19 章 源码篇——util 19.6 debug 383 第20 章 源码篇——深入响应式原理 20.1 如何追踪变化 384 385 第20 章 源码篇——深入响应式原理 20.1 如何追踪变化 20.1.1 Observer 386 387 388 389 390 第20 章 源码篇——深入响应式原理 20.1 如何追踪变化 20.1.2 Directive 391 392 393 394 395 396 397 398 399 400 第20 章 源码篇——深入响应式原理 20.1 如何追踪变化 20.1.3 Watcher 401 402 403 404 405 406 407 408 409 第20 章 源码篇——深入响应式原理 20.2 变化检测问题 410 411 412 第20 章 源码篇——深入响应式原理 20.3 初始化数据 413 第20 章 源码篇——深入响应式原理 20.4 异步更新队列 414 415 416 第20 章 源码篇——深入响应式原理 20.5 计算属性的奥秘 417 418 419 420 第20 章 源码篇——深入响应式原理 20.6 总结 421 第21 章 源码篇——父子类合并策略 21.1 策略是什么 21.1.1 生命周期合并策略 422 423 第21 章 源码篇——父子类合并策略 21.1 策略是什么 21.1.2 属性方法计算 424 第21 章 源码篇——父子类合并策略 21.1 策略是什么 21.1.3 数据合并策略 425 426 427 第22 章 源码篇——缓存 22.1 Cache 有什么用 428 第22 章 源码篇——缓存 22.2 LRU 22.3 Cache 类 22.4 put 429 第22 章 源码篇——缓存 22.5 shift 430 第22 章 源码篇——缓存 22.6 get 431 第23 章 源码篇——属性props 23.1 流程设计 432 433 第23 章 源码篇——属性props 23.2 属性name 434 第23 章 源码篇——属性props 23.3 coerce 23.4 type 验证 435 第23 章 源码篇——属性props 23.5 default 436 第23 章 源码篇——属性props 23.6 validator 437 第24 章 源码篇——events 24.1 events 配置是什么 24.2 如何配置 438 439 440 第24 章 源码篇——events 24.2 如何配置 24.2.1 $emit 触发 441 442 第24 章 源码篇——events 24.2 如何配置 24.2.2 $once 绑定 443 第24 章 源码篇——events 24.2 如何配置 24.2.3 $off 删除 444 第24 章 源码篇——events 24.2 如何配置 24.2.4 $dispatch 派发 445 第24 章 源码篇——events 24.2 如何配置 24.2.5 $broadcast 广播 446 第25 章 Webpack 25.1 安装 447 第25 章 Webpack 25.2 基本使用 448 第25 章 Webpack 25.3 命令行 25.4 配置文件 449 第25 章 Webpack 25.4 配置文件 25.4.1 context 25.4.2 entry 450 第25 章 Webpack 25.4 配置文件 25.4.3 output 451 第25 章 Webpack 25.4 配置文件 25.4.4 module 452 第25 章 Webpack 25.4 配置文件 25.4.5 resolve 453 第25 章 Webpack 25.4 配置文件 25.4.6 devServer 25.5 开发调试 25.5.1 安装 25.5.2 启动服务 454 第25 章 Webpack 25.5 开发调试 25.5.3 命令行参数 25.5.4 配置文件 25.6 使用插件 455 第25 章 Webpack 25.6 使用插件 25.6.1 安装 456 第25 章 Webpack 25.6 使用插件 25.6.2 常用插件 457 458 第26 章 Rollup 26.1 简介 459 第26 章 Rollup 26.2 安装 26.3 配置 460 461 第26 章 Rollup 26.4 命令 462 463 464 465 第26 章 Rollup 26.5 插件 466 467 第26 章 Rollup 26.6 常见问题解析 468 第27 章 Browserify 27.1 安装 27.2 基本使用 469 第27 章 Browserify 27.3 转换模块 27.3.1 安装转换模块 470 第27 章 Browserify 27.3 转换模块 27.3.2 使用转换模块 27.3.3 相关转换模块介绍 471 472 473 474 第28 章 vue-loader 28.1 如何配置 28.2 包含内容 475 第28 章 vue-loader 28.3 特性介绍 476 第28 章 vue-loader 28.4 常见问题解析 477 第28 章 vue-loader 28.5 源码解析 478 479 480 481 482 483 第28 章 vue-loader 28.6 工具包介绍 484 485 第29 章 PostCSS 29.1 安装 29.2 配置 486 第29 章 PostCSS 29.3 命令 487 488 489 第29 章 PostCSS 29.4 插件 490 491 第30 章 拓展篇 30.1 Composition Event 492 第30 章 拓展篇 30.2 ES 6 493 第30 章 拓展篇 30.2 ES 6 30.2.1 模块 494 495 496 497 第30 章 拓展篇 30.2 ES 6 30.2.2 let 498 499 第30 章 拓展篇 30.2 ES 6 30.2.3 const 500 第30 章 拓展篇 30.3 object 501 502 503 504 505 506 第30 章 拓展篇 30.4 函数柯里化 30.4.1 动态创建函数 507 第30 章 拓展篇 30.4 函数柯里化 30.4.2 参数复用