克隆Vue.js对象？

Question

我想用Vue.js记录一个console.log(obj)对象，但是所有的属性都是用reactiveGetter()和reactiveSetter()函数显示的，而不是它们的值。

如何克隆Vue.js对象，从而只获得它的值？

由于循环引用(父、子等)，我不能在JSON.parse(JSON.stringify(obj))对象上使用Vue.js。

我尝试使用Vue.util.extend({}, obj)，但这仍然维护对象内部的数据绑定。

有什么想法吗？

Answer 1

您可以迭代Vue对象属性，忽略以_或$开头的所有名称属性。

就像这样：

var newObject = Object.keys(app).reduce(function(previous, current) {

    if (!current.match('^[_$]')) {
      previous[current] = app[current]
     }
      return previous;
}, {});

和console.log(newObject)的结果

message: "Hello Vue!"
service: boundFn(a)

检查这把小提琴：https://jsfiddle.net/Reeska/g5srz7br/