VueJS：看两个属性

Question

假设我有两个数据属性：

data() {
  return {
    a: false, 
    b: false, 
  }
}

当a和b同时成为true时，我想执行相关任务。

如何在Vue中使用watch方法来实现此目的？

Answer 1

观察计算值。

computed:{
    combined(){
        return this.a && this.b
    }
}
watch:{
    combined(value){
        if (value)
            //do something
    }
}

上面使用$watch有一种简写。

vm.$watch(
  function () {
    return this.a + this.b
  },
  function (newVal, oldVal) {
    // do something
  }
)

Answer 2

这与@Bert 建议的解决方案几乎相同。但您可以执行以下操作：

data() {
  return {
      combined: {
          a: false, 
          b: false, 
      }
  }
},

那么：

watch: {
    combined:{
        deep:true,
        handler
    }
}