vue对象的深度克隆办法

方法1：
通过js序列化，将js转换成字符串，然后再将字符串转换成js对象

var olbObj = {a:1};
var str = JSON.stringify(obj); //序列化对象
var newobj = JSON.parse(str); //还原
//相当于
var newObj = JSON.parse(JSON.stringify(olbObj ))

方法2:
ES6语法对象展开运算符进行对象的展开赋值

var a = {a:0}
var b = {...a}

方法3：
进行对象的遍历复制，对 对象的每一条属性进行复制，这样就能进行对象的深度克隆

 

function newobj(obj) {
  var str, newobj = obj.constructor === Array ? [] : {};
  //constructor 属性返回对创建此对象的数组函数的引用。创建相同类型的空数据
  if (typeof obj !== 'object') {
    return;
  } else {
    for (var i in obj) {
      if (typeof obj[i] === 'object'){//判断对象的这条属性是否为对象
        newobj[i] = newObj(obj[i]);//若是对象进行嵌套调用
      }else{
        newobj[i] = obj[i];
      }
    }
  }
  return newobj;//返回深度克隆后的对象
}