VueJS 中，如何复制 Object？比如 Object2=Object1， 当修改 Object2 的值后， Object1 的值保持不变。

[ioioioioioioi]

感谢各位，还是json好用

function copyObject(obj) {
    return JSON.parse(JSON.stringify(obj));
}

有人说 JSON 效率差，不过目前 Object 不大，感觉不到延迟，可以先这样用了。当明显感觉效率低了，再把 copyObject 改了就行。

JSON 那个方法要求 IE11 以上，所以该用了_.cloneDeep 了。lodash 是个好 lib，建议大家都加到项目中

[gzlock]

两种办法
json.parse(json.stringify({}))
Object.assign({},原 object)

[gongpeione]

var obj2 = Object.create(obj1);
这样也可以，虽然不算是复制了

[murmur]

Object.assign 貌似是浅拷，npm 上有递归深拷的包，当然没有 function 的时候最好的就是先 stringify 再 parse

[crysislinux]

修改的时候就全用 assign，slice 之类的不改变原 object 的方式

[ioioioioioioi]

@gzlock
@gongpeione
@murmur
@crysislinux Object 含有子 Object，怎么处理？

[Sivan]

https://www.npmjs.com/package/extend

[gzlock]

@murmur #3
@ioioioioioioi #5 assign 是有点问题

那就用 JSON 两件套或者其它 npm 包来实现咯

[SourceMan]

json 性能有点差

[crysislinux]

@ioioioioioioi 有专门的包解决这个问题。大概是叫 immutability-helper 吧，最早是 react 的包，独立出来了

[ruanyu1]

o2 = {...o1}

[seki]

如果是单纯数据的话序列化和反序列化也足够了，lodash 也有 clone 方法
vue 中的 immutability 的重要性倒不是这么高

[huihuimoe]

http://youmightnotneedjquery.com/#deep_extend

[wangjie]

lodash +1