1、Watcher構造函數源碼部分代碼

if (options) {this.deep = !!options.deepthis.user = !!options.userthis.lazy = !!options.lazythis.sync = !!options.syncthis.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的更新。

?

?

轉載于:https://www.cnblogs.com/mengfangui/p/10003402.html

總結

以上是生活随笔為你收集整理的vue Watcher分类 computed watch的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。