watch原理
# watch 源码分析
- 判断 watch 写法（字符串，数组，函数）
调用 createWatcher ，从用户合起来传入的对象中把回调函数 cb 和参数 options 剥离出来，调用$watch 方法
# Watch 中的 deep:true 是如何实现的
当用户指定了 watch 中的 deep 属性为 true 时 监听器会一层层的往下遍历，给对象的所有属性都加上这个监听器 如果当前监控的值是数组类型。会对对象中的每一项进行求值，此时会将当前 watcher 存入到对应属性的依赖中，这样数组中对象发生变化时也会通知数据更新
# watch 问题
# watch 与 computed 的区别
- 缓存支持
watch 不支持缓存，数据变，直接会触发相应的操作；
computed 支持缓存，只有依赖数据发生改变，才会重新进行计算
- 异步支持
watch 支持异步；
computed 不支持异步，当 computed 内有异步操作时无效，无法监听数据的变化
- 使用场景
watch 当需要在数据变化时执行异步或开销较大的操作时，应该使用 watch，使用 watch 选项允许执行异步操作 ( 访问一个 API )，限制执行该操作的频率，并在得到最终结果前，设置中间状态。这些都是计算属性无法做到的。
computed 当需要进行数值计算,并且依赖于其它数据时，应该使用 computed，因为可以利用 computed 的缓存特性，避免每次获取值时都要重新计算。
# computed、watch 执行顺序
在 created 之前就会 就会进行初始化 computed 和 watch
看以下执行顺序图可以得出：
- 初始化时父元素 向 子元素传递数据分两个阶段，
(1) 一为父元素父 beforeMount 及之前的一个阶段，包括 data 中定义的赋值；
(2) 另一个阶段为，父元素 mounted 及其之后的阶段；在一个阶段中后面的赋值会替换前面的赋值；（如：父 created 覆盖父 data 中定义的），所以 watch 和 computed 会触发两次；
- watch 有 immediate 属性： 首次绑定的时候，是否执行 handler，默认 false
(1) 为 true 时，在子元素的 created 之前执行;
(2) 为 false 时 只有在父元素 mounted 之后值改变才会触发，否则是不会触发的；
- computed 执行值 computed 被引用处（数据变更时 watch 在 computed 之前执行），然后继续执行 computed 代码；computed 最早在 created 之后执行；
