1. 程式人生 > >vue Watcher分類 computed watch

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的更新