vue 封装对象深拷贝方法

在Vue中，可以通过使用JSON.parse(JSON.stringify(object))来实现一个简单的对象深拷贝方法。但是，这种方法有局限性，它不能复制函数、undefined、循环引用等。

下面是一个使用JSON.parse(JSON.stringify(object))的示例：

function deepClone(obj) {
  return JSON.parse(JSON.stringify(obj));
}
 
// 示例使用
const originalObject = {
  name: 'John',
  age: 30,
  hobbies: ['reading', 'gaming']
};
 
const clonedObject = deepClone(originalObject);
 
console.log(clonedObject); // { name: 'John', age: 30, hobbies: [ 'reading', 'gaming' ] }

如果需要一个更完善的深拷贝方法，可以使用递归或第三方库，如lodash的cloneDeep方法。

下面是一个使用递归实现的深拷贝方法的示例：

function deepClone(obj) {
  if (obj === null || typeof obj !== 'object') {
    return obj;
  }
 
  if (obj instanceof Date) {
    return new Date(obj.getTime());
  }
 
  if (obj instanceof Array) {
    return obj.reduce((arr, item, i) => {
      arr[i] = deepClone(item);
      return arr;
    }, []);
  }
 
  if (obj instanceof Object) {
    return Object.keys(obj).reduce((newObj, key) => {
      newObj[key] = deepClone(obj[key]);
      return newObj;
    }, {});
  }
}
 
// 示例使用
const originalObject = {
  name: 'John',
  age: 30,
  hobbies: ['reading', 'gaming']
};
 
const clonedObject = deepClone(originalObject);
 
console.log(clonedObject); // { name: 'John', age: 30, hobbies: [ 'reading', 'gaming' ] }

请注意，递归方法可能不适合包含大量嵌套对象的复杂对象，因为这可能导致栈溢出错误。对于复杂和大型的对象，使用第三方库可能是更好的选择。