vue深拷贝的几种方式

1.通过递归方式实现深拷贝

比较全面的深拷贝，缺点比较繁琐

function deepClone(obj) {
	var target = {};
	for (var key in obj) {
		if (Object.prototype.hasOwnProperty.call(obj, key)) {
			if (typeof obj[key] === 'object') {
				target[key] = deepClone(obj[key]);
			} else {
				target[key] = obj[key];
			}
		}
	}
	return target;
}

2、JSON.parse(JSON.stringify(obj))

满足一般使用场景，但无法实现对象中方法(function)的深拷贝

let obj = {
	id: 1,
	name: '张三',
	age: 10,
}
let newObj = JSON.parse(JSON.stringify(obj))

3、Object.assign(obj1, obj2)

只有一级属性为深拷贝，二级属性后就是浅拷贝

let obj = {
	id: 1,
	name: '张三',
	age: 10,
}
let newObj = Object.assign({}, obj)

4、扩展运算符

只有一级属性为深拷贝，二级属性后就是浅拷贝

var obj = {
    a: 1,
    b: 2
}
 
var obj1 = {…obj}