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