一. js——js的深拷贝和浅拷贝

参考：https://blog.csdn.net/zhang_cherry/article/details/120121145
es6语法，浅拷贝转化为深拷贝！！！

let arr5 = [0, 0, 1]
let arr6 = [...arr5]
arr5[0] = 10000
console.log(arr5) // [10000, 0, 1]
console.log(arr6) // [0, 0, 1]

补充：

1. cloneDeep()方法

（1）定义

上面讲的es6语法实现深拷贝，有些情况还是不适用！什么情况？就是当要拷贝的对象内部仍然存在对象的时候，
举例：

//这个是尚品汇的例子
this.attrInfo = {
  attrName: "", //属性名
  attrValueList: [
    //属性值，因为属性值可以有多个因此用数组，每一个属性值都是一个对象需要attrId，valueName
  ],
  categoryId: this.category3Id, //三级分类的id
  categoryLevel: 3, //因为服务器也需要区分几级id
};

这种情况如果使用上述方法，内部的attrValueList对象内部仍然是浅拷贝。那如何才能做到真正的深拷贝呢？
使用lodash工具库中cloneDeep方法。

（2）语法：

//按需引入lodash当中的深拷贝
import cloneDeep from "lodash/cloneDeep";
==================
接收克隆后的对象 = cloneDeep(被克隆的对象);

(3）实战举例

尚品汇中，要实现商品属性的编辑的取消保存功能，如果使用浅拷贝，也就是让插槽函数的row中的值和表中的值同步变化（也就是双向绑定的意思）的话，那样按取消键需要将原本修改后的值进行回退，很难实现。所以直接借助cloneDeep函数使用深拷贝，让row中的值和表中的值不同步变化！就能实现！！！