vue中watch监测对象内部内容

watch

vue使用者在使用watch时经常会遇到很多坑，其中监测对象有时会监测不到

1.对象具体属性的watch

首先当watch的属性是对象时，有时会监测不到对象内部键值对的变化，此时我们需要在计算属性computed中添加变化键值对产生的变化

例：

此时我们可以监测到pokerHistory的变化

2.deep

如果我们想要监测对象本身而不是对象内部的键值对时，可用deep：true对对象进行监测

watch：{

    bet:{

             handler: function(newValue,oldValue){ 

                      console.log(newValue) 

              }  ,

             deep: true

     }

}

以上两种情况均可实现对对象内部内容的监测，即当对象内部内容变化时，会触发watch中的事件