使用Lodash实现深拷贝cloneDeep

Loadsh安装方法一

1.运行vue ui命令进入vue项目的可视化面板
2.点击依赖按钮——安装依赖——运行依赖——输入== loadsh==选择并安装

安装方法二

在Vscode新建终端，输入== npm i --save lodash == 回车安装完成

Loadsh在Vue项目的使用

1.在需要使用的lodash深拷贝的组件中，导入lodash

// 导入lodash，lodash用下划线接
import _ from 'lodash'

2.例如：

 // lodash   cloneDeep(obj) 深拷贝：与原对象的内容互不相干
 // goods_cat需要用逗号分隔
 // 主要矛盾:一个是数组 另一个是字符串
 // 需要深拷贝，把对象原封不动拷贝出新对象，原来对象不动
 const form = _.cloneDeep(this.addForm)
 form.goods_cat = form.goods_cat.join(',') //字符串

可参考官方文档：https://lodash.com/

这篇好文章是转载于：学新通技术网