vue Watcher分类 computed watch

1、Watcher构造函数源码部分代码

    if (options) { this.deep = !!options.deep this.user = !!options.user this.lazy = !!options.lazy this.sync = !!options.sync this.before = options.before } else { this.deep = this.user = this.lazy = this.sync = false }

 

2、deep watcher

deep watcher指的是深度 watcher

watch: { // 深度 watcher
 c: { handler: function (val, oldVal) { /* ... */ }, deep: true } }

可以深度监测对象属性的改变

 

3、user watcher

就是一般的vue的watch属性

https://cn.vuejs.org/v2/api/#watch

 

4、computed watcher

computed watcher指的是vue下的computed属性。

https://cn.vuejs.org/v2/api/#computed

 

总结：computed和watch都是基于Watcher实现的。

https://cn.vuejs.org/v2/guide/computed.html

现在这个理解了吧，只有属性值变化，才触发watcher的更新。