JS浅拷贝与深拷贝

JS浅拷贝与深拷贝

今天写表单修改的时候，发现ES6的扩展运算符(…)不能进行深拷贝，百度了一下说的是三点运算符对于拷贝的对象内部元素为普通类型的话是深拷贝，如果内部元素数据类型复杂的话为浅拷贝。所以一般对于复杂的数据类型需要拷贝的话，可以使用xe-utils中的clone来实现。

代码

// ES6 Module 安装
npm install xe-utils vxe-utils --save

// main.js中
import Vue from 'vue'
import XEUtils from 'xe-utils'
 
Vue.use(XEUtils)

// 也可以在需要的vue文件中引入
import XEUtils from "xe-utils";

// 代码中实现
this.tabel = XEUtils.clone(item, true)

注释

clone (obj, deep)中deep要为true，默认不填或填写flase仍为浅拷贝。
clone 和 assign 的区别是支持对象的递归克隆。