vue 判断两个object是否完全一致

在Vue.js中，判断两个对象是否完全一致通常不直接通过简单的比较运算符如`==`或`===`，因为它们会进行浅拷贝或类型转换。要检查两个对象是否深度相等，可以使用一些专门的方法，例如递归遍历并对比属性。

一种常见的做法是使用`JSON.stringify()`和`JSON.parse()`，但这不是真正的深比较，对于循环引用的对象可能会出现问题。更推荐使用`lodash`库中的`_.isEqual()`, `vue-deep-compare`这样的工具函数，或者自定义一个递归函数来实现深度比较：

function deepCompare(objA, objB) {
  if (objA === objB) return true;
  if (typeof objA !== 'object' || typeof objB !== 'object') return false;

  const keysA = Object.keys(objA);
  const keysB = Object.keys(objB);

  if (keysA.length !== keysB.length) return false;

  for (let key of keysA) {
    if (!deepCompare(objA[key], objB[key])) return false;
  }

  return true;
}

// 使用示例：
const obj1 = { a: 1, b: { c: 2 } };
const obj2 = { a: 1, b: { c: 2 } };

if (deepCompare(obj1, obj2)) {
  console.log('对象完全一致');
} else {
  console.log('对象不一致');
}