2020 Vue零基础教你 cloneDeep(obj) 安装并配置Lodash（npm指令） 完成对表单的深拷贝

1、引言

我们在做Vue项目的时候，可能会遇到共用一个对象或者数组的时候，比如说两个渲染模块共用一个数组，但是需要的格式不一样，其中一种可能需要字符串形式，另外一种可能需要以逗号 , 隔开的形式拿数据，那么深拷贝就发挥了它的简便作用了，让我们一起来了解一下吧~

2、install方式

$ npm i -g npm
$ npm i --save lodash

任务：完成对addForm表单下goods_cat数组的深拷贝

实现步骤：

首先在script下导入刚刚安装好的lodash

// 导入lodash
import _ from 'lodash'

下面举个例子，代码就比较简单，以下几行

// lodash cloneDeep(obj)
  const form = _.cloneDeep(this.addForm)
  form.goods_cat = form.goods_cat.join(',')
  //以上是将form表单中的goods_cat数组转变成以逗号分隔形式     
  console.log(addform)
  console.log('这是拷贝后的表单:'+form)

那么，我们看一下拷贝后的表单是否和原来的数据保持一致

显然，对于同一表单拷贝数据时相同的，那么我们Lodash配置就成功了！

3、结束语

Vue全家桶开发电商管理系统码云地址，欢迎一起来学习~

https://gitee.com/Chocolate666/vue_shop

---

最后，看完本篇博客后，觉得挺有帮助的话，可以继续查看专栏其它内容嗷，一起来学习Vue吧~

点击进入Vue❤学习专栏~

学如逆水行舟，不进则退