vue中怎么使用watch监听data中数据变化

在 Vue 中，可以使用 watch 属性来监听数据的变化。

使用方法如下：

new Vue({
  data: {
    message: 'Hello'
  },
  watch: {
    message: function (newValue, oldValue) {
      console.log('message changed from', oldValue, 'to', newValue)
    }
  }
})

在上面的代码中，我们定义了一个监听器，当 message 的值发生变化时，就会触发监听器函数。在监听器函数中，可以访问新的值和旧的值。

你也可以使用 watch 对象的简写语法，像这样：

new Vue({
  data: {
    message: 'Hello'
  },
  watch: {
    message (newValue, oldValue) {
      console.log('message changed from', oldValue, 'to', newValue)
    }
  }
})