vue watch

Question

var vm = new Vue({  
        el: '#app',
        data() {
        　　return {
        　　　　bet: {
        　　　　　　pokerState: 53,
        　　　　　　pokerHistory: 'local'
        　　　　}   
            }
        },
        watch: {
        　　bet: {
        　　　　handler(newValue, oldValue) {
                console.log(oldValue)
        　　　　　　console.log(newValue)
        　　　　},
        　　　　deep: true
        　　}
        }
      }); 
      vm.bet.pokerState = 30

上述代码是监听对象的变化，我并没有想监听具体属性，为什么oldValue 也是30呢，

Answer 1

deep：true 是深度监听 具体的属性

他不支持传参为具体的对象

Answer 2

文档链接

给bet赋值一个新对象替换就可以了vm.bet = Object.assign({}, vm.bet, {pokerState:30})