watch和computed应用场景

当涉及到Vue.js时，"watch"和"computed"都是用于响应式数据绑定的重要特性。

"watch"用于监视Vue实例的属性，当属性值发生变化时，会触发watch监听的回调函数。这使得我们可以在属性变化时执行某些操作，例如发送网络请求或更新数据等。使用watch需要指定要监视的属性名和回调函数，如下所示：

watch: {
  myProperty: function(newVal, oldVal) {
    // do something when myProperty changes
  }
}

相反，"computed"用于计算新的属性值，根据已有的属性值进行计算，并返回计算结果。计算属性具有缓存功能，即只有在相关属性发生变化时才会重新计算，这有助于提高应用程序的性能。使用computed需要指定要计算的属性名和计算函数，如下所示：

computed: {
  myComputedProperty: function() {
    // calculate myComputedProperty based on other properties
    return someValue;
  }
}

总的来说，"watch"用于响应属性值的变化并执行一些操作，而"computed"用于计算新的属性值并返回结果。在使用Vue.js时，这两个特性都非常重要，具有不同的用途和优势，可以根据应用程序的需求进行选择。