vue修改数据问题

Question

vue设置了当前显示数据linkList，所有数据listAll，源数据originData。页面列表循环显示的是当前数据，我修改当前数据时，不是应该只修改linkList里面的数据吗？为什么会把所有数据listAll和源数据originData都给修改了？有没有大神知道是怎么回事，望指教一下，谢谢。

Answer 1

建议看下深拷贝和浅拷贝。
无论是数组或者对象，深拷贝都有一个简单的方法

JSON.parse(JSON.stringify(array))

Answer 2

楼主看下深复制浅复制

可以改写成linkList = {...allLink[0]},即可

Answer 3

数组和对象都是引用类型，当修改linkList时本质上都在修改allLink，所以listAll和originData也会被改到。可以在mounted初始化的时候使用 this.listAll = [].concat(allLink)，这样会产生一个新的数组

Answer 4

对象数据引用，推荐你查看下资料看看 js中的对象引用 深拷贝，浅拷贝的资料