Lodash工具库中cloneDeep深拷贝的使用

在vue向数据库提交数据的过程中，可能需要处理某些数据，比如有以下要求：传递的参数必须是以逗号分隔的分类列表

但此时如果vue组件中的数据却是数组形式的这个时候需要用到数组的 join 方法对数据进行处理

但这会导致错误，原因就是该数据已经被双向绑定，对原数据进行修改会导致错误！！！

此时就需要用到Lodash工具库中cloneDeep深拷贝的使用：

---

 

1. 在运行依赖中安装lodash
2. 在组件中导入loadsh，默认使用下划线（_）命名

   1 // 导入lodash
   2 import _ from 'lodash'

3. 使用 cloneDeep 方法对数据进行深拷贝

   1 // loodash.cloneDeep(obj)深拷贝
   2 const form = _.cloneDeep(this.addForm)
   3 form.goods_cat = form.goods_cat.join(',')