vue 踩坑--赋值后原对象的值改变

//vue定义变量data() {
   return {　　　　　//初始表格数组对象
        tableData:[],　　　　　//被赋值对象
        newlData:[]    //被赋值对象    
   }    
}

问题原因：

简单的赋值没有创建一个新的对象内存地址，只是把newlData的内存地址指向了tableData的内存地址，一旦tableData的内存地址值发生改变，newlData的数据也会对应改变。

解决办法：

方法1、创建一个新的对象，指向新的内存地址，通过JSON解析

let datas = JSON.parse(JSON.stringify(this.tableData));

方法2、es6之展开Object.assign（拷贝obj的内容到一个新的堆内存，copyObj存储新内存的引用）

let datas = Object.assign({},this.tableData);

方法3、es6之展开运算符（仅用于数组）

let copyArr = [...this.tableData];