Vue2如何侦测复杂对象的更新

Question

userData: {    key1: [1111, 2222, 'haha'],    key2: 3333,    key3: 22222222}如上代码，我将key1中的2222更新为2后，Vue无法侦测到更新watch: {    userData: function (value) {         console.log(value)     } }更新数组的方法是this.userData[key].splice(index, 1, value)

Answer 1

watch: {

    userData: {

        handler: function (value) {

            console.log(value)

        },

        deep: true

    }

}