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    }}