vue2 阻止watch改变值

在Vue 2中，如果你想阻止`watch`函数改变值，你可以使用`deep`选项和`immediate`选项来实现。`deep`选项用于深度监听对象或数组的变化，而`immediate`选项用于在组件初始化时立即触发`watch`函数。

下面是一个示例代码，演示了如何使用`deep`选项和`immediate`选项来阻止`watch`改变值[^1]：

// 在Vue组件中定义一个data属性
data() {
  return {
    value: {
      prop1: 'old value',
      prop2: 'old value'
    }
  };
},
watch: {
  value: {
    deep: true,
    immediate: true,
    handler(newVal, oldVal) {
      // 阻止改变值的逻辑
      this.value.prop1 = oldVal.prop1;
      this.value.prop2 = oldVal.prop2;
    }
  }
}

在上面的代码中，我们定义了一个`value`属性，并在`watch`选项中监听了`value`属性的变化。通过设置`deep`选项为`true`，我们可以深度监听`value`对象的变化。通过设置`immediate`选项为`true`，我们可以在组件初始化时立即触发`watch`函数。在`handler`函数中，我们可以编写逻辑来阻止改变值。