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

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