Vue.js权威指南思维导图模板_ProcessOn思维导图、流程图

16 测试开发与调试

16.1 测试工具

16.1.1 ESLint

16.1.2 工具包

16.2 开发工具

16.2.1 Vue Syntax Highlight

16.2.2 Snippets

16.2.3 其他编辑器/IDE

16.3 调试工具

17 Scrat+Vue.js的化学反应

17.1 浅谈前端工程化

17.2 前端工程化怎么做

17.3 Scrat简介

17.4 Scrat+Vue.js实现组件

17.5 案例分析

17.5.1 准备工作

17.5.2 代码实现

17.5.3 编译和发布

17.6 总结

18 Vue.js 2.0

18.1 API变更

18.1.1 全局配置

18.1.2 全局API

18.1.3 VM选项

18.1.4 实例属性

18.1.5 实例方法

18.1.6 指令

18.1.7 特殊元素

18.1.8 服务端渲染

18.2 Virtual DOM

18.2.1 认识Virtual DOM

18.2.2 Virtual DOM在Vue.js 2.0中的实现

18.3 服务端渲染技术

18.3.1 普通服务端渲染

18.3.2 流式服务端渲染

18.4 总结

19 源码篇——util

19.1 env

19.1.1 系统判断

19.1.2 属性支持

19.1.3 过渡属性

19.1.4 nextTick

19.1.5 set

19.2 dom

19.2.1 dom操作

19.2.2 属性操作

19.2.3 class操作

19.2.4 事件操作

19.2.5 其他

19.3 lang

19.3.1 对象操作

19.3.2 名称转换

19.3.3 数组操作

19.3.4 类型转换

19.3.5 方法绑定

19.3.6 其他

19.4 components

19.5 options

19.6 debug

20 源码篇——深入响应式原理

20.1 如何追踪变化

20.1.1 Observer

20.1.2 Directive

20.1.3 Watcher

20.2 变化检测问题

20.3 初始化数据

20.4 异步更新队列

20.5 计算属性的奥秘

20.6 总结

21 源码篇——父子类合并策略

21.1 策略是什么

21.1.1 生命周期合并策略

21.1.2 属性方法计算

21.1.3 数据合并策略

22 源码篇——缓存

22.1 Cache有什么用

22.2 LRU

22.3 Cache类

22.4 put

22.5 shift

22.6 get

23 源码篇——属性props

23.1 流程设计

23.2 属性name

23.3 coerce

23.4 type 验证

23.5 default

23.6 validator

24 源码篇——events

24.1 events配置是什么

24.2 如何配置

24.2.1 $emit触发

24.2.2 $once 绑定

24.2.3 $off删除

24.2.4 $dispatch派发

24.2.5 $broadcast广播

25 Webpack

25.1 安装

25.2 基本使用

25.3 命令行

25.4 配置文件

25.4.1 context

25.4.2 entry

25.4.3 output

25.4.4 module

25.4.5 resolve

25.4.6 devServer

25.5 开发调试

25.5.1 安装

25.5.2 启动服务

25.5.3 命令行参数

25.5.4 配置文件

25.6 使用插件

25.6.1 安装

25.6.2 常用插件

26 Rollup

26.1 简介

26.2 安装

26.3 配置

26.4 命令

26.5 插件

26.6 常见问题解析

27 Browserify

27.1 安装

27.2 基本使用

27.3 转换模块

27.3.1 安装转换模块

27.3.2 使用转换模块

27.3.3 相关转换模块介绍

28 vue-loader

28.1 如何配置

28.2 包含内容

28.3 特性介绍

28.4 常见问题解析

28.5 源码解析

28.6 工具包介绍

29 PostCSS

29.1 安装

29.2 配置

29.3 命令

29.4 插件

30 拓展篇

30.1 Composition Event

30.2 ES 6

30.2.1 模块

30.2.2 let

30.2.3 const

30.3 object

30.4 函数柯里化

30.4.1 动态创建函数

30.4.2 参数复用

本书读者对象

本书结构

1 遇见Vue.js

1.1 MVX模式是什么

1.1.1 MVC

1.1.2 MVP

1.1.3 MVVM

1.2 Vue.js是什么

1.2.1 Vue.js与其他框架的区别

1.2.2 如何使用Vue.js

1.2.3 Vue.js的发展历史

2 数据绑定

2.1 语法

2.1.1 插值

2.1.2 表达式

2.1.3 指令

2.2 分隔符

3 指令

3.1 内部指令

3.1.1 v-if

3.1.2 v-show

3.1.3 v-else

3.1.4 v-model

3.1.5 v-repeat

3.1.6 v-for

3.1.7 v-text

3.1.8 v-html

3.1.9 v-bind

3.1.10 v-on

3.1.11 v-ref

3.1.12 v-el

3.1.13 v-pre

3.1.14 v-cloak

3.2 自定义指令

3.2.1 基础

3.2.2 高级选项

3.3 内部指令解析

3.4 常见问题解析

4 计算属性

4.1 什么是计算属性

4.2 计算属性缓存

4.3 常见问题

4.3.1 计算属性getter不执行的场景

4.3.2 在v-repeat中使用计算属性

5 表单控件绑定

5.1 基本用法

5.1.1 text

5.1.2 checkbox

5.1.3 radio

5.1.4 select

5.2 值绑定

5.3 v-model修饰指令

5.3.1 lazy

5.3.2 debounce

5.3.3 number

5.4 修饰指令原理

5.4.1 lazy源码解析

5.4.2 debounce源码解析

5.4.3 number源码解析

6 过滤器

6.1 内置过滤器

6.1.1 字母操作

6.1.2 json过滤器

6.1.3 限制

6.1.4 currency过滤器

6.1.5 debounce过滤器

6.2 自定义过滤器

6.2.1 fillter语法

6.2.2 教你写一个filter

6.3 源码解析

6.3.1 管道实现

6.3.2 过滤器解析

6.4 常见问题解析

7 Class与Style绑定

7.1 绑定HTML Class

7.1.1 对象语法

7.1.2 数组语法

7.2 绑定内联样式

7.2.1 对象语法

7.2.2 数组语法

7.2.3 自动添加前缀

8 过渡

8.1 CSS过渡

8.1.1 内置Class类名

8.1.2 自定义CSS类名

8.1.3 显式声明CSS过渡类型

8.1.4 动画案例

8.1.5 过渡流程

8.2 JavaScript过渡

8.3 渐进过渡

9 Method

9.1 如何绑定事件

9.1.1 内联方式

9.1.2 methods配置

9.1.3 $events应用

9.2 如何使用修饰符

9.2.1 prevent

9.2.2 stop

9.2.3 capture

9.2.4 self

9.2.5 按键

9.3 Vue.js 0.12到1.0中的变化

9.3.1 v-on变更

9.3.2 @click缩写

10 Vue实例方法

10.1 实例属性

10.1.1 组件树访问

10.1.2 DOM访问

10.1.3 数据访问

10.2 实例方法

10.2.1 实例DOM方法的使用

10.2.2 实例Event方法的使用

11 组件

11.1 基础

11.1.1 注册

11.1.2 数据传递

11.1.3 混合

11.1.4 动态组件

11.2 相关拓展

11.2.1 组件和v-for

11.2.2 编写可复用组件

11.2.3 异步组件

11.2.4 资源命名约定

11.2.5 内联模板

11.2.6 片段实例

11.3 生命周期

11.4 开发组件

11.4.1 基础组件

11.4.2 基于第三方组件开发

11.5 常见问题解析

12 表单校验

12.1 安装

12.2 基本使用

12.3 验证结果结构

12.4 验证器语法

12.4.1 校验字段名field

12.4.2 校验规则定义

12.5 内置验证规则

12.5.1 required

12.5.2 pattern

12.5.3 minlength

12.5.4 maxlength

12.5.5 min

12.5.6 max

12.6 与v-model同时使用

12.7 重置校验结果

12.8 表单元素

12.9 各校验状态对应的class

12.9.1 自定义校验状态class

12.9.2 在其他元素上使用校验状态class

12.10 分组校验

12.11 错误信息

12.11.1 错误信息输出组件

12.11.2 动态设置错误信息

12.12 事件

12.12.1 单个字段校验事件

12.12.2 整个表单校验事件

12.13 延迟初始化

12.14 自定义验证器

12.14.1 注册自定义验证器

12.14.2 错误信息

12.15 自定义验证时机

12.16 异步验证

12.16.1 注册异步验证器

12.16.2 验证器函数context

13 与服务端通信

13.1 vue-resource安装及配置

13.1.1 安装

13.1.2 参数配置

13.1.3 headers配置

13.1.4 基本HTTP调用

13.1.5 请求选项对象

13.1.6 response对象

13.1.7 RESTful调用

13.1.8 拦截器

13.1.9 跨域AJAX

13.1.10 Promise

13.1.11 url模板

13.2 vue-async-data

13.2.1 安装

13.2.2 使用

13.3 常见问题解析

13.3.1 如何发送JSONP请求

13.3.2 如何修改发送给服务端的数据类型

13.3.3 跨域请求出错

13.3.4 $.http.post方法变为OPTIONS方法

14 路由与视图

14.1 如何安装

14.2 基本使用

14.3 视图部分

14.3.1 v-link

14.3.2 router-view

14.4 路由实例

14.5 组件路由配置

14.5.1 路由切换的各个阶段

14.5.2 各阶段的钩子函数介绍

14.6 路由匹配

14.6.1 动态片段

14.6.2 全匹配片段

14.6.3 具名路径

14.6.4 路由对象

14.7 transition对象

14.8 嵌套路由

14.9 动态加载路由组件

14.10 实战

14.10.1 浏览器直接引用

14.10.2 Webpack模块化开发

14.11 常见问题解析

15 vue-cli

15.1 安装

15.2 基本使用

15.3 命令

15.3.1 init

15.3.2 list

15.4 模板

15.4.1 官方模板

15.4.2 自定义模板

15.4.3 本地模板

15.5 不错的工具包

15.5.1 commander

15.5.2 download-git-repo

15.5.3 inquirer

15.5.4 ora