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

看文档