vue watch监听

在Vue中，您可以使用`watch`选项来监听数据的变化。当数据发生变化时，Vue会自动执行指定的回调函数。以下是一个简单的示例：

假设您有一个名为`message`的数据属性，您可以使用以下代码来监听它的变化：

Vue.component('my-component', {
  data: function () {
    return {
      message: 'Hello, Vue!'
    }
  },
  watch: {
    message: function (newValue, oldValue) {
      console.log('message changed from', oldValue, 'to', newValue)
    }
  }
})

在上面的代码中，我们定义了一个名为`message`的数据属性，并使用`watch`选项来监听它的变化。当`message`的值发生变化时，Vue会自动执行指定的回调函数，并将新值和旧值作为参数传递给它。

需要注意的是，`watch`选项只能用于监听`data`中已存在的属性，如果需要监听动态添加的属性，可以使用`vm.$watch`方法。