vue全局

全局API：

（1）什么是全局API？
全局API并不在构造器里，而是先声明全局变量或者直接在Vue上定义一些新功能，Vue内置了一些全局API.
通俗理解：就是在构造器外部用Vue提供的API函数来定义新的功能。

（2）常用vue 的全局 API列表
1、Vue.directive 自定义指令
2、Vue.extend 扩展实例构造器
3、全局操作Vue.set + Vue.delete
4、Vue 的生命周期
5、Vue component 组件 + Vue template模板
6、Vue.nextTick线程操作、Vue.filter筛选、Vue.use调用

小结：全局API就是在构造器外部用Vue提供的API函数来定义新的功能。

Vue.nextTick线程操作：

Vue.nextTick线程操作
语法：Vue.nextTick([callback,context])
作用：在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，即可获取更新后的 DOM。

Vue.nextTick线程操作
案例：点击按钮，修改姓名并获取更新后的DOM元素内容

分析：测试后可以看到视图更新以后拿到的并不是更新后的innerHTML
原因：因为DOM结构更新是一个异步事件.

分析：深入响应式原理
Vue 实现响应式并不是数据发生变化之后 DOM 立即变化，而是按一定的策略进行 DOM 的更新。
$nextTick 是在下次 DOM 更新循环结束之后执行延迟回调，在修改数据之后使用 $nextTick，则可以在回调中获取更新后的 DOM。

结合上述，目前已经知道Vue.nextTick操作的作用，接下来深入分析下原理，先来了解几个概念。

1、异步过程：数据变化到dom变化是异步过程
2、核心实现：nextTick 是 Vue 的一个核心实现，为了方便大家理解，简单介绍一下 JS 的运行机制。
3、JS 运行机制：JS 执行是单线程的，它是基于事件循环的。

JS运行机制：

JS 执行是单线程的，它是基于事件循环的。事件循环大致分为以下几个步骤：
（1）执行栈
所有同步任务都在主线程上执行，形成一个执行栈（execution context stack）
（2）任务队列
主线程之外，还存在一个"任务队列"（task queue）。只要异步任务有了运行结果，就在"任务队列"之中放置一个事件(根据放置先后时间顺序决定事件执行顺序)。
（3）读取任务队列
一旦"执行栈"中的所有同步任务执行完毕，系统就会读取"任务队列"，看看里面有哪些事件。那些对应的异步任务，于是结束等待状态，进入执行栈，开始执行。
（4）重复执行
接下来主线程不断重复上面的第三步

小结：
主线程的执行过程就是一个 tick，而所有的异步结果都是通过 “任务队列” 来调度被调度。 消息队列中存放的是一个个的任务（task）。

执行栈与任务队列：
1、JS分为同步任务和异步任务
2、同步任务都在主线程上执行，形成一个执行栈
3、主线程之外，事件触发线程管理着一个任务队列，只要异步任务有了运行结果，就在任务队列之中放置一个事件。
4、一旦执行栈中的所有同步任务执行完毕（此时JS引擎空闲），系统就会读取任务队列，将可运行的异步任务添加到可执行栈中，开始执行。

Vue.nextTick小结：

应用场景：
Vue 实现响应式并不是数据发生变化之后 DOM 立即变化，而是按一定的策略进行 DOM 的更新。$nextTick 是在下次 DOM 更新循环结束之后执行延迟回调，在修改数据之后使用 n e x t T i c k ， 则 可 以 在 回 调 中 获 取 更 新 后 的 D O M 。 通 俗