watch高级用法

watch: {
  obj: {
    deep: true,
    handler: function(newVal, oldVal) {
      // 对象发生变化时的处理逻辑
    }
  }
}

watch: {
  value: {
    immediate: true,
    handler: function(newVal, oldVal) {
      // 初始化时立即执行的逻辑
    }
  }
}

watch: {
  'obj.prop1': function(newVal, oldVal) {
    // 监听obj的prop1属性变化
  },
  'obj.prop2': function(newVal, oldVal) {
    // 监听obj的prop2属性变化
  }
}

watch: {
  'prop1,prop2': function(newVal, oldVal) {
    // prop1或prop2发生变化时的处理逻辑
  }
}

mounted() {
  this.$watch('prop', function(newVal, oldVal) {
    // 监听prop变化
  });
},
beforeDestroy() {
  this.$unwatch('prop');
}