（一）vue 初始化对数据的处理
初始化用户传入data ----> 将数据进行观测 -----> 进行对象的处理 -----> 遍历对象 -----> 绑定监听
（1）将对象进行观测：会对数据进行判断，是【数组】还是【对象】
（观察者模式）
特点：观察者要直接订阅观察目标，观察目标一做出通知，观察者就要进行处理（这也是观察者模式区别于发布/订阅模式的最大区别）
（2）进行对象的处理：对象遍历 第一遍 （遍历Object.keys()）
（3）循环对象定义响应式变化：如果对象的value 还是对象 再遍历
（4）使用Object.defineProperty()
get 方法：先收集依赖（data 对象中的数据）watcher
set 方法：当发现新值旧值不一样时候，更新依赖，通知视图
每个组件实例都有相应的
watcher实例 - 渲染组件的过程，会把属性记录为依赖 - 当我们操纵一个数据时，依赖项的setter会被调用，从而通知watcher重新计算，从而致使与之相关联的组件得以更新
数组没用 Object.defineProperty() ，数组是更改原型的方法
（二）Vue 异步渲染
如果vue 不采用异步更新，那么每次更新数据都会对当前组件进行重新渲染，所以为了性能考虑，vue 会在本轮数据更新后，再去异步更新视图
把每一次更改放入watcher 队列里，最后统一执行，清空 watcher 队列，渲染节流
nextTick实现原理：
nextTick 方法主要是使用了 宏任务和微任务，多次调用 nextTick 只会执行一次，主要的API，html 5 的 MutationObserver() 【chrome浏览器】
MutationObserver接口提供了监视对DOM树所做更改的能力。
<!DOCTYPE html>
<html lang="en">
<head>
<meta char
最低0.47元/天 解锁文章
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
