vue里watch数组返回的newVal 和 oldVal 相同？

Question

data() {    return {      colorlist: [
        {          color: '#333333',          ftcolor: '#ffffff',          name: '默认1'
        },
        {          color: '#55CD31',          ftcolor: '#ffffff',          name: '默认2'
        },
        {          color: '#31ADCD',          ftcolor: '#ffffff',          name: '默认3'
        }
      ]
    }
  },  watch: {    colorlist: {      handler: function(val, oldVal) {
        console.log(val, oldVal)
      },      deep: true
    }
  }

我改变第三个的颜色为红色。控制台输出结果：

第三个的oldVal 的颜色不是应该是 #31ADCD 吗？

Answer 1

看文档

Answer 2

大概意思是这样：在打印数组或是对象的时候是通过引用去取的值，当你改变数组时，打印出来的值自然也就变了