watch 监听数据变化

如果您需要监听数据的变化，您可以使用watch方法来实现。watch方法可以监听对象属性的变化并执行回调函数，示例代码如下：

// 定义一个对象
const obj = {
  name: '张三',
  age: 18
}

// 监听 name 属性的变化
const unwatch = vm.$watch(
  () => obj.name,
  (newVal, oldVal) => {
    console.log(`name属性发生变化，新值为${newVal}，旧值为${oldVal}`)
  }
)

// 修改 name 属性的值
obj.name = '李四'
// 输出：name属性发生变化，新值为李四，旧值为张三

// 停止监听 name 属性的变化
unwatch()

在上面的代码中，我们使用了Vue实例的$watch方法来监听obj对象中的name属性的变化。每当name属性的值发生变化时，$watch方法会执行我们传入的回调函数，并将新值和旧值作为参数传入。此外，我们还可以调用返回值unwatch来停止监听name属性的变化。