目 录第1章　遇见 11.1 MVX模式是什么 11.1.1 MVC 11.1.2 MVP 21.1.3 MVVM 31.2　是什么 41.2.1 与其他框架的区别 41.2.2 如何使用 101.2.3 的发展历史 11第2章　数据绑定 122.1 语法 122.1.1 插值 122.1.2 表达式 132.1.3 指令 132.2 分隔符 14第3章　指令 153.1 内部指令 153.1.1 v-if 153.1.2 v-show 163.1.3 v-else 173.1.4 v-model 183.1.5 v-repeat 203.1.6 v-for 293.1.7 v-text 373.1.8 v-html 373.1.9 v-bind 383.1.10 v-on 393.1.11 v-ref 403.1.12 v-el 403.1.13 v-pre 413.1.14 v-cloak 413.2 自定义指令 413.2.1 基础 423.2.2 高级选项 463.3 内部指令解析 513.4 常见问题解析 53第4章　计算属性 564.1 什么是计算属性 564.2　计算属性缓存 574.3　常见问题 594.3.1 计算属性getter不执行的场景 594.3.2 在v-repeat中使用计算属性 60第5章　表单控件绑定 625.1　基本用法 625.1.1 text 625.1.2 checkbox 625.1.3 radio 635.1.4 select 635.2 值绑定 655.3 v-model修饰指令 665.3.1 lazy 665.3.2 debounce 675.3.3 number 675.4 修饰指令原理 675.4.1 lazy源码解析 675.4.2 debounce源码解析 685.4.3 number源码解析 69第6章　过滤器 706.1 内置过滤器 716.1.1 字母操作 716.1.2 json过滤器 726.1.3 限制 726.1.4 currency过滤器 756.1.5 debounce过滤器 766.2 自定义过滤器 766.2.1 fillter语法 766.2.2 教你写一个filter 786.3 源码解析 796.3.1 管道实现 796.3.2 过滤器解析 806.4 常见问题解析 80第7章　Class与Style绑定 827.1 绑定HTML Class 827.1.1 对象语法 827.1.2 数组语法 847.2 绑定内联样式 847.2.1 对象语法 847.2.2 数组语法 857.2.3 自动添加前缀 86第8章　过渡 888.1 CSS过渡 898.1.1 内置Class类名 908.1.2 自定义CSS类名 918.1.3 显式声明CSS过渡类型 918.1.4 动画案例 918.1.5 过渡流程 928.2 JavaScript过渡 948.3 渐进过渡 95第9章　Method 979.1 如何绑定事件 979.1.1 内联方式 979.1.2 methods配置 989.1.3 $events应用 999.2 如何使用修饰符 999.2.1 prevent 1009.2.2 stop 1009.2.3 capture 1009.2.4 self 1009.2.5 按键 1019.3 0.12到1.0中的变化 1019.3.1 v-on变更 1019.3.2 @click缩写 102第10章　Vue实例方法 10310.1 实例属性 10310.1.1 组件树访问 10310.1.2 DOM访问 10410.1.3 数据访问 10410.2 实例方法 10410.2.1 实例DOM方法的使用 10410.2.2 实例Event方法的使用 106第11章　组件 10811.1 基础 10911.1.1 注册 10911.1.2 数据传递 11111.1.3 混合 12411.1.4 动态组件 12711.2 相关拓展 13011.2.1 组件和v-for 13011.2.2 编写可复用组件 13111.2.3 异步组件 13111.2.4 资源命名约定 13211.2.5 内联模板 13311.2.6 片段实例 13411.3 生命周期 13511.4 开发组件 13711.4.1 基础组件 13711.4.2 基于第三方组件开发 14211.5 常见问题解析 147第12章　表单校验 15412.1 安装 15412.2 基本使用 15512.3 验证结果结构 15612.4 验证器语法 15812.4.1 校验字段名field 15812.4.2 校验规则定义 16012.5 内置验证规则 16312.5.1 required 16312.5.2 pattern 16512.5.3 minlength 16512.5.4 maxlength 16612.5.5 min 16712.5.6 max 16712.6 与v-model同时使用 16812.7 重置校验结果 16912.8 表单元素 16912.9 各校验状态对应的class 17212.9.1 自定义校验状态class 17312.9.2 在其他元素上使用校验状态class 17312.10 分组校验 17412.11 错误信息 17412.11.1 错误信息输出组件 17712.11.2 动态设置错误信息 18012.12 事件 18212.12.1 单个字段校验事件 18212.12.2 整个表单校验事件 18312.13 延迟初始化 18512.14 自定义验证器 18612.14.1 注册自定义验证器 18712.14.2 错误信息 18812.15 自定义验证时机 18912.16 异步验证 19212.16.1 注册异步验证器 19212.16.2 验证器函数context 194第13章　与服务端通信 19613.1 vue-resource安装及配置 19713.1.1 安装 19713.1.2 参数配置 19813.1.3 headers配置 19913.1.4 基本HTTP调用 20013.1.5 请求选项对象 20213.1.6 response对象 20513.1.7 RESTful调用 20513.1.8 拦截器 20713.1.9 跨域AJAX 20813.1.10 Promise 21013.1.11 url模板 21113.2 vue-async-data 21213.2.1 安装 21213.2.2 使用 21213.3 常见问题解析 21313.3.1 如何发送JSONP请求 21313.3.2 如何修改发送给服务端的数据类型 21513.3.3 跨域请求出错 21513.3.4 $.st方法变为OPTIONS方法 216第14章　路由与视图 21714.1 如何安装 21714.2 基本使用 21814.3 视图部分 21914.3.1 v-link 21914.3.2 router-view 22214.4 路由实例 22214.5 组件路由配置 22714.5.1 路由切换的各个阶段 22714.5.2 各阶段的钩子函数介绍 23014.6 路由匹配 23614.6.1 动态片段 23614.6.2 全匹配片段 23714.6.3 具名路径 23714.6.4 路由对象 23814.7 transition对象 23914.8 嵌套路由 23914.9 动态加载路由组件 24114.10 实战 24214.10.1 浏览器直接引用 24214.10.2 Webpack模块化开发 24414.11 常见问题解析 250第15章　vue-cli 25415.1 安装 25415.2 基本使用 25415.3 命令 25715.3.1 init 25715.3.2 list 25715.4 模板 25815.4.1 官方模板 25815.4.2 自定义模板 25815.4.3 本地模板 25915.5 不错的工具包 25915.5.1 commander 25915.5.2 download-git-repo 25915.5.3 inquirer 25915.5.4 ora 260第16章　测试开发与调试 26116.1 测试工具 26116.1.1 ESLint 26116.1.2 工具包 26316.2 开发工具 26416.2.1 Vue Syntax Highlight 26416.2.2 Snippets 26416.2.3 其他编辑器/IDE 26516.3 调试工具 269第17章　Scrat 的化学反应 27117.1 浅谈前端工程化 27117.2 前端工程化怎么做 27117.3 Scrat简介 27317.4 Scrat 实现组件 27517.5 案例分析 27617.5.1 准备工作 27717.5.2 代码实现 27917.5.3 编译和发布 28417.6 总结 287第18章　 2.0 28818.1 API变更 28818.1.1 全局配置 28818.1.2 全局API 28918.1.3 VM选项 29018.1.4 实例属性 29418.1.5 实例方法 29418.1.6 指令 29618.1.7 特殊元素 29718.1.8 服务端渲染 29718.2 Virtual DOM 29718.2.1 认识Virtual DOM 29718.2.2 Virtual DOM在 2.0中的实现 29918.3 服务端渲染技术 31518.3.1 普通服务端渲染 31518.3.2 流式服务端渲染 32018.4 总结 326第19章 源码篇——util 32719.1 env 32719.1.1 系统判断 32819.1.2 属性支持 32819.1.3 过渡属性 32919.1.4 nextTick 33019.1.5 set 33219.2 dom 33219.2.1 dom操作 33319.2.2 属性操作 33919.2.3 class操作 34119.2.4 事件操作 34319.2.5 其他 34419.3 lang 34719.3.1 对象操作 34719.3.2 名称转换 35119.3.3 数组操作 35219.3.4 类型转换 35219.3.5 方法绑定 35419.3.6 其他 35419.4 components 35719.5 options 35919.6 debug 364第20章 源码篇——深入响应式原理 36520.1 如何追踪变化 36520.1.1 Observer 36720.1.2 Directive 37220.1.3 Watcher 38220.2 变化检测问题 39120.3 初始化数据 39420.4 异步更新队列 39520.5 计算属性的奥秘 39820.6 总结 402第21章 源码篇——父子类合并策略 40321.1 策略是什么 40321.1.1 生命周期合并策略 40321.1.2 属性方法计算 40521.1.3 数据合并策略 406第22章 源码篇——缓存 40922.1 Cache有什么用 40922.2 LRU 41022.3 Cache类 41022.4 put 41022.5 shift 41122.6 get 412第23章 源码篇——属性props 41323.1 流程设计 41323.2 属性name 41523.3 coerce 41623.4 type 验证 41623.5 default 41723.6 validator 418第24章 源码篇——events 41924.1 events配置是什么 41924.2 如何配置 41924.2.1 $emit触发 42224.2.2 $once 绑定 42424.2.3 $off删除 42524.2.4 $dispatch派发 42624.2.5 $broadcast广播 427第25章 Webpack 42825.1 安装 42825.2 基本使用 42925.3 命令行 43025.4 配置文件 43025.4.1 context 43125.4.2 entry 43125.4.3 outpu