关于vue在列表展示数据的时候，选择更改其中一项，数据跟着实时变动的问题

  最近刚接触vue的项目，今天发现页面上有一个问题 就是 页面中有一个表格，点击表格中的修改，弹出来一个修改框可以修改数据，但是现在问题是，在弹出框对其进行修改的时候，列表中对应的数据也在实时的变动。我想要的效果是，当我保存的时候时候，在使列表数据更改，而不是输入框一边更改，这个问题刚开始时没有发现 ，是公司测试的同事给提出来的 

 

 

 之前的代码是点击修改的时候 直接复制的选中的那条记录，刚开始一致以为是列表中的字段和 dialog中的字段名称一样导致的，虽然按照这个方案可以解决这两个地方双向绑定的问题，但是修改起来工作量比较大，需要调整字段和数据库中的对应关系。后来把问题发给我媳妇儿看了看 （媳妇是做前端的），他丢给我一段话： 在每次弹出对话框的时候深拷贝一次当前行数据的副本，form = JSON.parse(JSON.stringify(row))完成提交后要么重新刷新数据源，要么将form的数据更新到row，问题解决。

  那么深拷贝和浅拷贝的区别是什么呢？通过查询有关资料总结如下：

 

            浅拷贝（shallowCopy）只是增加了一个指针指向已存在的内存地址，

 

            深拷贝（deepCopy）是增加了一个指针并且申请了一个新的内存，使这个增加的指针指向这个新的内存，

 

            使用深拷贝的情况下，释放内存的时候不会因为出现浅拷贝时释放同一个内存的错误。

 

          浅复制：仅仅是指向被复制的内存地址，如果原地址发生改变，那么浅复制出来的对象也会相应的改变。

 

         深复制：在计算机中开辟一块新的内存地址用于存放复制的对象。