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