Vue2.0中，watch的deep和immediate参数如何正确使用？

本文共计596个文字，预计阅读时间需要3分钟。

deep: 表示是否深度监听，默认值是 false，代表不深度监听。immediate: true 表示如果在 watch 中声明了之后，就会立即先执行这里的 handler 方法，如果为 false，则和之前的效果一样，不会在绑定的时刻就执行。

deep，默认值是 false，代表是否深度监听。

immediate:true代表如果在 wacth 里声明了之后，就会立即先去执行里面的handler方法，如果为 false就跟我们以前的效果一样，不会在绑定的时候就执行。

computed: { btnObj() { const { sign_img, check } = this return { sign_img, check } } }, watch: { btnObj: { handler: function(newVal,oldVal) { if(!!this.sign_img && this.check){ this.submit_flag = true this.sign_flag = '1' }else{ this.submit_flag = false this.sign_flag = '0' } }, deep: true, immediate: true } }

补充知识：在vue中使用watch监测数据改变的deep:true,和immediate:true

在项目中，有时候检测一个变量的值是否反升了变化。通常使用的watch或者使用低效的循环判断。