vue关于初始化把请求的数据存入2个变量中，改变一个的值，另一个也会随着改变的问题

需求

请求的数据放入表格中，然后直接在表格中编辑之后，在下面有一个保存按钮，点击保存

思路分析

1. 表格中放入input可以解决修改值的问题
2. 因为我要修改的是数据库中的表名和注释，所以需要存储最开始得到的数据
3. 在页面初始化时把数据存在2个变量中，一个用来渲染页面，双向绑定就可以得到修改后的值，另一个主要是在请求api是发回后端用来判断和执行sql需要

问题

后面我发现绑定的那个数组变量中的值修改后会影响另一个

解决方法

先把初始化的数据转成字符串再转成对象
JSON.parse()
JSON.stringify()

代码

  api.get_tables()
          .then((res) => {
            console.log(res.DATA);
            this.old_table_info = JSON.parse(JSON.stringify(res.DATA));
            this.Tables_in_TEST = res.DATA
            }