vue data值改变函数

在 Vue 中，如果想要在数据发生改变时执行某个函数，可以通过监听数据的变化来实现。具体的操作如下：

1. 在 Vue 实例中定义需要监听的数据。

例如：

data() {
  return {
    message: 'Hello, world!'
  }
}

2. 使用 `watch` 属性来监听数据的变化。

例如：

watch: {
  message(newValue, oldValue) {
    console.log(`数据已更新，新值为 ${newValue}，旧值为 ${oldValue}`)
  }
}

在上面的代码中，我们使用 `watch` 属性来监听 `message` 数据的变化，当 `message` 的值发生改变时，会自动调用函数并传入两个参数，分别是新值和旧值。

你也可以使用计算属性来监听数据的变化，例如：

computed: {
  messageWatcher() {
    console.log(`数据已更新，新值为 ${this.message}`)
    return this.message
  }
}

在上面的代码中，我们定义了一个计算属性 `messageWatcher`，它的值是 `message` 数据的值，当 `message` 的值发生改变时，会自动调用该计算属性，从而实现监听数据的变化。