watch监听

在Vue中，watch是一种用于监听数据变化并执行响应操作的机制。当被监听的数据发生变化时，watch会自动执行一些指定的操作。

一般情况下，watch可以监听一个数据对象中的某个属性，当该属性发生变化时，就会触发watch中定义的回调函数。同时，watch还可以监听一个计算属性的变化，也可以监听一个嵌套的数据对象中的某个属性的变化。

下面是一个watch监听的例子，假设我们有一个data对象，其中包含一个属性message：

data: {
  message: 'Hello Vue!'
},
watch: {
  message: function (newVal, oldVal) {
    console.log('message changed from', oldVal, 'to', newVal)
  }
}

在这个例子中，我们将message属性添加到了watch中，当message的值发生变化时，watch中定义的回调函数就会被调用。在回调函数中，我们可以访问到新的值newVal和旧的值oldVal，并进行相应的操作。

需要注意的是，watch监听的是一个具体的属性，而不是一个表达式。如果需要监听一个表达式的变化，可以使用computed属性。