内容简介  · · · · · · Vue.js 是一个用来开发Web 界面的前端库。《Vue.js权威指南》致力于普及国内Vue.js 技术体系，让更多喜欢前端的人员了解和学习Vue.js。如果你对Vue.js 基础知识感兴趣，如果你对源码解析感兴趣，如果你对Vue.js 2.0感兴趣，如果你对主流打包工具感兴趣，如果你对如何实践感兴趣，《Vue.js权威指南》都是一本不容错过的以示例代码为引导、知识涵盖全面的最佳选择。《Vue.js权威指南》一共30 章，由浅入深地讲解了Vue.js 基本语法及源码解析。主要内容包括数据绑定、指令、表单控件绑定、过滤器、组件、表单验证、服务通信、路由和视图、vue-cli、测试开发和调试、源码解析及主流打包构建工具等。该书内容全面，讲解细致，示例丰富，适用于各层次的开发者。 作者简介  · · · · · · 滴滴出行公共前端团队，主要负责公司级组件库和基础服务建设和前端解决方案。我们喜欢新技术，热衷沉淀和积累。 张耀春：公共前端团队负责人，人称“小春”，09 年接触前端，喜欢潜水、赛车和专研新技术。 黄轶：前端技术专家，擅长前端自动化、工程化及前端架构，喜欢开源，乐于分享。 王静：负责mis 项目开发管理，爱生活、爱冒险、爱挑战，对代码有一丢丢的小洁癖。 苏伟：负责MIS系统开发，熟悉Angular、Vue等开发框架，擅长使用工具来提高开发效率。 王瑾：负责webapp方向的开发，喜欢自己的代码最终呈现在用户面前的感觉。 殷献勇：北邮土著，CS 硕士在读。享受编程，热爱前端。期待成为顶级 JavaScript 技术栈工程师。 目录  · · · · · · 第1 章 遇见Vue.js 1 1.1 MVX 模式是什么 1 1.1.1 MVC 1 1.1.2 MVP 2 1.1.3 MVVM 3 1.2 Vue.js 是什么 4 1.2.1 Vue.js 与其他框架的区别 4 1.2.2 如何使用Vue.js 10 1.2.3 Vue.js 的发展历史 11 第2 章 数据绑定 13 2.1 语法 13 2.1.1 插值 13 2.1.2 表达式 14 2.1.3 指令 14 2.2 分隔符 15 第3 章 指令 16 3.1 内部指令 16 3.1.1 v-if 16 3.1.2 v-show 17 3.1.3 v-else 18 3.1.4 v-model 19 3.1.5 v-repeat 22 3.1.6 v-for 30 3.1.7 v-text 32 3.1.8 v-html 32 3.1.9 v-bind 33 3.1.10 v-on 34 3.1.11 v-ref 35 3.1.12 v-el 36 3.1.13 v-pre 36 3.1.14 v-cloak 36 3.2 自定义指令 37 3.2.1 基础 37 3.2.2 高级选项 41 3.3 内部指令解析 47 3.4 常见问题解析 50 第4 章 计算属性 53 4.1 什么是计算属性 53 4.2 计算属性缓存 54 4.3 常见问题 56 4.3.1 计算属性getter 不执行的场景 56 4.3.2 在v-repeat 中使用计算属性 57 第5 章 表单控件绑定 59 5.1 基本用法 59 5.1.1 text 59 5.1.2 checkbox 59 5.1.3 radio 60 5.1.4 select 60 5.2 值绑定 62 5.3 v-model 修饰指令 63 5.3.1 lazy 63 5.3.2 debounce 64 5.3.3 number 64 5.4 修饰指令原理 64 5.4.1 lazy 64 5.4.2 debounce 65 5.4.3 number 66 第6 章 过滤器 67 6.1 内置过滤器 68 6.1.1 字母操作 68 6.1.2 json 69 6.1.3 限制 69 6.1.4 currency 72 6.1.5 debounce 73 6.2 自定义过滤器 73 6.2.1 fillter 语法 73 6.2.2 教你写一个filter 75 6.3 源码解析 76 6.3.1 管道实现 76 6.3.2 过滤器解析 77 6.4 常见问题解析 78 第7 章 Class 与Style 绑定 80 7.1 绑定HTML Class 80 7.1.1 对象语法 80 7.1.2 数组语法 82 7.2 绑定内联样式 82 7.2.1 对象语法 82 7.2.2 数组语法 83 7.2.3 自动添加前缀 84 第8 章 过渡 86 8.1 CSS 过渡 87 8.1.1 内置Class 类名 88 8.1.2 自定义CSS 类名 89 8.1.3 显式声明CSS 过渡类型 89 8.1.4 动画案例 89 8.1.5 过渡流程 90 8.2 JavaScript 过渡 92 8.3 渐进过渡 93 第9 章 Method 95 9.1 如何绑定事件 95 9.1.1 内联方式 95 9.1.2 methods 配置 96 9.1.3 $events 应用 97 9.2 如何使用修饰符 97 9.2.1 prevent 98 9.2.2 stop 98 9.2.3 capture 98 9.2.4 self 98 9.2.5 按键 99 9.3 Vue.js 0.12 到1.0 中的变化 99 9.3.1 v-on 变更 99 9.3.2 @click 缩写 100 第10 章 Vue 实例方法 101 10.1 实例属性 101 10.1.1 组件树访问 101 10.1.2 DOM 访问 102 10.1.3 数据访问 102 10.2 实例方法 102 10.2.1 实例DOM 方法的使用 102 10.2.2 实例Event 方法的使用 104 第11 章 组件 107 11.1 基础 108 11.1.1 注册 108 11.1.2 数据传递 110 11.1.3 混合 123 11.1.4 动态组件 126 11.2 相关拓展 129 11.2.1 组件和v-for 129 11.2.2 编写可复用组件 130 11.2.3 异步组件 130 11.2.4 资源命名约定 131 11.2.5 内联模板 132 11.2.6 片段实例 133 11.3 生命周期 134 11.4 开发组件 136 11.4.1 基础组件 136 11.4.2 基于第三方组件开发 141 11.5 常见问题解析 146 第12 章 表单校验 154 12.1 安装 154 12.2 基本使用 155 12.3 验证结果结构 156 12.4 验证器语法 158 12.4.1 校验字段名field 158 12.4.2 校验规则定义 160 12.5 内置验证规则 163 12.5.1 required 163 12.5.2 pattern 165 12.5.3 minlength 165 12.5.4 maxlength 166 12.5.5 min 167 12.5.6 max 167 12.6 与v-model 同时使用 168 12.7 重置校验结果 169 12.8 表单元素 169 12.9 各校验状态对应的class 172 12.9.1 自定义校验状态class 173 12.9.2 在其他元素上使用校验状态class 173 12.10 分组校验 174 12.11 错误信息 174 12.11.1 错误信息输出组件 177 12.11.2 动态设置错误信息 180 12.12 事件 182 12.12.1 单个字段校验事件 182 12.12.2 整个表单校验事件 183 12.13 延迟初始化 185 12.14 自定义验证器 186 12.14.1 注册自定义验证器 187 12.15 自定义验证时机 189 12.16 异步验证 192 12.16.1 注册异步验证器 192 12.16.2 验证器函数context 194 第13 章 与服务端通信 196 13.1.1 安装 197 13.1.2 参数配置 198 13.1.3 headers 配置 199 13.1.4 基本HTTP 调用 200 13.1.5 请求选项对象 202 13.1.6 response 对象 205 13.1.7 RESTful 调用 205 13.1.8 拦截器 207 13.1.9 跨域AJAX 208 13.1.10 Promise 210 13.1.11 url 模板 211 13.2 vue-async-data 212 13.2.1 安装 212 13.2.2 使用 212 13.3 常见问题解析 213 13.3.1 如何发送JSONP 请求 213 13.3.2 如何修改发送给服务端的数据类型 215 13.3.3 跨域请求出错 215 13.3.4 $.http.post 方法变为OPTIONS 方法 216 第14 章 路由与视图 217 14.1 如何安装 217 14.2 基本使用 218 14.3 视图部分 219 14.3.1 v-link 219 14.3.2 router-view 222 14.4 路由实例 222 14.4.1 实例化路由 222 14.5 组件路由配置 227 14.5.1 路由切换的各个阶段 227 14.5.2 各阶段的钩子介绍 230 14.6 路由匹配 236 14.6.1 动态片段 236 14.6.2 全匹配片段 237 14.6.3 具名路径 237 14.6.4 路由对象 238 14.7 transition 对象 239 14.8 嵌套路由 239 14.9 动态加载路由组件 241 14.10 实战 242 14.10.1 浏览器直接引用 242 14.10.2 Webpack 模块化开发 244 14.11 常见问题解析 250 第15 章 vue-cli 254 15.1 安装 254 15.2 基本使用 254 15.3 命令 257 15.3.1 init 257 15.3.2 list 257 15.4 模板 258 15.4.1 官方模板 258 15.4.2 自定义模板 258 15.4.3 本地模板 259 15.5 不错的工具包 259 15.5.1 commander 259 15.5.2 download-git-repo 259 15.5.3 inquirer 259 15.5.4 ora 260 第16 章 测试开发与调试 261 16.1 测试工具 261 16.1.1 ESLint 261 16.1.2 工具包 263 16.2 开发工具 264 16.2.1 Vue Syntax Highlight 264 16.2.2 Snippets 264 16.2.3 其他编辑器/IDE 265 16.3 调试工具 269 第17 章 scrat+Vue.js 的化学反应 271 17.1 浅谈前端工程化 271 17.2 前端工程化怎么做 271 17.3 scrat 简介 273 17.4 scrat+Vue.js 实现组件 275 17.5 案例分析 276 17.5.1 准备工作 277 17.5.2 代码实现 279 17.5.3 编译和发布 284 17.6 总结 287 第18 章 Vue.js 2.0 288 18.1 API 变更 288 18.1.1 全局配置 288 18.1.2 全局API 289 18.1.3 VM 选项 290 18.1.4 实例属性 294 18.1.5 实例方法 294 18.1.6 指令 296 18.1.7 特殊元素 297 18.1.8 服务端渲染 297 18.2 Virtual DOM 297 18.2.1 认识Virtual DOM 297 18.2.2 Virtual DOM 在Vue.js 2.0 中的实现 299 18.3 服务端渲染技术 315 18.3.1 普通服务端渲染 315 18.3.2 流式服务端渲染 320 18.4 总结 326 第19 章 源码篇——util 327 19.1 env 327 19.1.1 系统判断 328 19.1.2 属性支持 328 19.1.3 过渡属性 329 19.1.4 nextTick 330 19.1.5 set 332 19.2 dom 332 19.2.1 dom 操作 332 19.2.2 属性操作 339 19.2.3 class 操作 341 19.2.4 事件操作 343 19.2.5 其他 344 19.3 lang 347 19.3.1 对象操作 347 19.3.2 名称转换 351 19.3.3 数组操作 352 19.3.4 类型转换 352 19.3.5 方法绑定 354 19.3.6 其他 354 19.4 components 357 19.5 options 359 19.6 debug 364 第20 章 源码篇——深入响应式原理 365 20.1 如何追踪变化 365 20.1.1 Observer 367 20.1.2 Directive 372 20.1.3 Watcher 382 20.2 变化检测问题 391 20.3 初始化数据 394 20.4 异步更新队列 395 20.5 计算属性的奥秘 398 20.6 总结 402 第21 章 源码篇——父子类合并策略 403 21.1 策略是什么 403 21.1.1 生命周期合并策略 403 21.1.2 属性方法计算 405 21.1.3 数据合并策略 406 第22 章 源码篇——缓存 409 22.1 Cache 有什么用 409 22.2 LRU 410 22.3 Cache 类 410 22.4 put 410 22.5 shift 411 22.6 get 412 第23 章 源码篇——属性props 413 23.1 流程设计 413 23.2 属性name 415 23.3 coerce 416 23.4 type 验证 416 23.5 default 417 23.6 validator 418 第24 章 源码篇——events 419 24.1 events 配置是什么 419 24.1.1 如何配置 419 24.1.2 $emit 触发 422 24.1.3 $once 绑定 424 24.1.4 $off 删除 425 24.1.5 $dispatch 派发 426 24.1.6 $broadcast 广播 427 第25 章 Webpack 428 25.1 安装 428 25.2 基本使用 429 25.3 命令行 430 25.4 配置文件 430 25.4.1 context 431 25.4.2 entry 431 25.4.3 output 432 25.4.4 module 433 25.4.5 resolve 434 25.4.6 devServer 435 25.5 开发调试 435 25.5.1 安装 435 25.5.2 启动服务 435 25.5.3 命令行参数 436 25.5.4 配置文件 436 25.6 使用插件 436 25.6.1 安装 437 25.6.2 常用插件 438 第26 章 Rollup 440 26.1 简介 440 26.2 安装 441 26.3 配置 441 26.4 命令 443 26.5 插件 447 26.6 常见问题解析 449 第27 章 Browserify 450 27.1 安装 450 27.2 基本使用 450 27.3 转换模块 451 27.3.1 安装转换模块 451 27.3.2 使用转换模块 452 27.3.3 相关转换模块介绍 452 第28 章 vue-loader 456 28.1 如何配置 456 28.2 包含内容 456 28.3 特性介绍 457 28.4 常见问题解析 458 28.5 源码解析 459 28.6 工具包介绍 465 第29 章 PostCSS 467 29.1 安装 467 29.2 配置 467 29.3 命令 468 29.4 插件 471 第30 章 拓展篇 473 30.1 Composition Event 473 30.2 ES 6 474 30.2.1 模块 475 30.2.2 let 479 30.2.3 const 481 30.3 object 482 30.4 函数柯里化 488 30.4.1 动态创建函数 488 30.4.2 参数复用 489