vue的watch和computed使用

Vue.js 中的 watch 和 computed 是两种用于在数据变化时进行响应的机制。

watch 通过监听一个或多个数据的变化，在数据变化时触发一个回调函数。例如：

watch: {
  message: function (newVal, oldVal) {
    console.log('message changed', newVal, oldVal)
  }
}

computed 是一种计算属性。它与 watch 类似，但有一些重要的区别。computed 是基于它所依赖的数据进行缓存的，并且只在它所依赖的数据发生变化时才会重新计算。例如：

computed: {
  reversedMessage: function () {
    return this.message.split('').reverse().join('')
  }
}

总的来说，如果你需要在数据变化时执行一些操作，且不需要缓存结果，可以使用 watch；如果需要缓存结果并在依赖的数据变化时重新计算，则应该使用 computed。