javascript - [vue.js] 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 

演示地址：http://runjs.cn/code/acwmmibx

解决方案

和深度无关，而是在修改（不是替换）对象或数组时，旧值将与新值相同，因为它们索引同一个对象/数组。Vue 不会保留修改之前值的副本。

引用: http://vuejs.org.cn/api/#vm-watch

这篇关于javascript - [vue.js] watch一个对象时，newvalue和oldvalue的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！