vue 深拷贝和浅拷贝的区别

浅拷贝

浅拷贝是指创建一个新对象，这个新对象有着原始对象属性值的拷贝。但是，如果属性是引用类型（比如对象或数组），那么拷贝的是内存地址，而不是对象本身。因此，如果修改了其中一个对象的引用类型属性，浅拷贝得到的对象也会受到影响，因为它们实际上指向的是同一个对象。

深拷贝

深拷贝是指将一个对象从内存中完整地拷贝一份出来，新对象在堆内存中开辟一个新的区域存放，因此改变新对象不会影响原对象。深拷贝会递归地拷贝对象的所有层级，包括嵌套对象和数组。

简单来说，给一个对象赋值的时候浅拷贝会影响拷贝和被拷贝的数据。如果使用的浅拷贝，并且后续要修改被赋值的对象，则会影响原对象，这个时候我们需要用深拷贝。

实现深拷贝的方法：

1. 使用JSON.parse(JSON.stringify(obj))：这是最简单的方法，但有一些限制。比如，它无法拷贝函数、正则表达式等特殊类型的数据，也无法处理循环引用的情况。
2. 使用递归：递归方法可以拷贝包括函数、正则表达式等特殊类型的数据在内的所有类型的数据。递归的基本思想是，对于对象中的每一个属性，如果它是一个对象或数组，就递归地调用深拷贝函数来拷贝它；否则，就直接拷贝它的值。
3. 使用第三方库：比如lodash库提供了深拷贝的方法，可以方便地实现深拷贝。但是，使用第三方库会增加项目的体积，因此需要根据实际情况进行选择。