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

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