Vue中watch监听属性新旧值相同的问题解决方案

//举例: 
watch: {
​    //字符串形式  表示监听item对象下的good_count属性
​    'item.goods_count'(newval) {
​      if (newval <= 0) {
​        this.item.goods_count=1    
​      }
​    }
  }

      handler(newval, oldval) {
        console.log("完整写法,监听复杂数据类型", newval);
      },
      deep: true, //表示开启深度监听
      immediate: true, //立即监听,在页面初始化时,会监听一次
    }

  <div id="app">
    <input type="text" v-model="lzy.age" />
  </div>
</template>
<script>
export default {
  name: "App",
  watch: {
    lzy2: {
      handler(newvalue, oldvalue) {
        console.log("新值");
        console.log(newvalue);
        console.log("旧值");
        console.log(oldvalue);
        console.log(oldvalue===this.lzy);
      },
      deep: true,
    },
  },
  data() {
    return {
      lzy: {
        gender: "man",
        age: 21,
      },
    };
  },
  computed: {
    lzy2(){
      return JSON.parse(JSON.stringify(this.lzy))
      // 因为计算属性一开始就执行了一次,相当于在一开始就深拷贝拿到了oldvalue,改变之后又再一次深拷贝,每一次深拷贝生成的对象都是指向不同的地址,所以oldvalue和newvalue是两个不同的地址.
    },
  },
};
</script>
<style scoped>
</style>