在日常的 Vue 开发工作中，咱们常常对申请来的数据进行变量赋值操作，再用变量去进行数据渲染。然而咱们晓得，咱们常常用的赋值形式“=”实际上属于数据的浅拷贝，也就是当你扭转赋值变量时，原数据也会产生相应变动。
var a = ['1', '2', '3', '4', '5'];
var b = a;
b[0] = '2';
console.log(a); // ['2', '2', '3', '4', '5']
console.log(b); // ['2', '2', '3', '4', '5']
// 因为 b 浅拷贝 a, ab 指向同一个内存地址(堆内存中存的值)
那当咱们须要扭转变量的值然而不扭转原来数据的时候，咱们 能够借助 JSON 办法来实现数据的深拷贝赋值：
JSON.parse(JSON.stringify(this.responseData));e.g：
let data1 = this.selectform.keyList
let data2 = JSON.parse(JSON.stringify(this.selectform.keyList))
data1.a = 'test'
console.log(data1.a) // test
console.log(this.selectform.keyList.a) // test
data2.a = 'test222'
console.log(keydata2.a) // test222
console.log(this.selectform.keyList.a) // test
* 附深浅拷贝示意图：
浅拷贝：
深拷贝：