天天看點

Vue中computed和watch差別

watch: {
  num: {
    handler(newNum, oldNum) {
      console.log(newNum, oldNum);
    },
    immediate: true,
    deep: true
  }
}

computed: {
  numA: function(){return this.num * 2},
}
           

1、computed有緩存,watch沒有。

2、computed,計算屬性,依賴其他屬性。watch用來監聽其他屬性。

3、computed不支援異步,watch支援異步。

4、computed可以寫成對象,裡面有get、set方法。

5、watch裡面可以配置immediate、deep等屬性。

6、watch監聽一個對象的某個屬性,可以擷取更改之前的值和更改之後的值。

vue