vue2.0 watch里面的 deep和immediate作用

Posted lianxisheng

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue2.0 watch里面的 deep和immediate作用相关的知识,希望对你有一定的参考价值。

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

  

以上是关于vue2.0 watch里面的 deep和immediate作用的主要内容,如果未能解决你的问题,请参考以下文章

Vue2.0中的$watch$set$delete源码解析

Vue2.0中的$watch$set$delete源码解析

Vue2.0学习—watch和computed对比(三十七)

vue2.0中的watch和计算属性computed

vue2.0 watch

vue watch中deep和immediate的用法