Vue2.0中watch的deep和immediate参数具体如何使用,有何区别?
- 内容介绍
- 文章标签
- 相关推荐
本文共计603个文字,预计阅读时间需要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或者使用低效的循环判断。
在次vue中给我们设置了深度监测数据繁盛变化的方法。
本文共计603个文字,预计阅读时间需要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或者使用低效的循环判断。
在次vue中给我们设置了深度监测数据繁盛变化的方法。

