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的更新。
作者:孟繁贵 Email:meng010387@126.com 期待共同进步!