1. 程式人生 > >vue watch一個物件或陣列時,newvalue和oldvalue一樣

vue watch一個物件或陣列時,newvalue和oldvalue一樣

在官方的程式碼改寫了一下,當深度watch一個物件時,newval和oldval的值為什麼是相等的呢?

var vm = new Vue({
  data: {
    a: 1,
        c:{
            c1:1,
            c2:2
        }
  },
  watch: {
    'a': function (val, oldVal) {
      console.log(val, oldVal,(val== oldVal))
    },
    // 方法名
    'b': 'someMethod',
    // 深度 watcher
    'c': {
      handler: function (val, oldVal) { 
            console.log(val, oldVal,(val== oldVal))
            },
      deep: true
    }
  }
})
        
vm.a = 2 
vm.c.c1 = 2 

和深度無關,而是在修改(不是替換)物件或陣列時,舊值將與新值相同,因為它們索引同一個物件/陣列。Vue 不會保留修改之前值的副本。