在Vue中调试。对console.dir（）一个快速而又脏的方法是一个反应变量？

Question

我在_errors中undefined data引起的Vue组件中存在此故障代码，至少在页面加载时是这样。

  data: function () {
     var temp = {
        show_debug : false
        ,password_changed_flag : false
        ,_errors : this.$store.state.form01._errors  || {}
     }

    var data = Object.assign({}, this.$store.state.form01.data, temp);

    //this is the part I am struggling with:
    console.log("data:");
    console.dir(data);


    return data;
  },

然而，这不是关于我做错了什么，而是关于如何轻松console.dir(data) Vue的反应对象。

即。如何打印出一个简单的嵌套对象，减去getter和setter？然后获取该对象的快照。

即。 _errors现在似乎已存在，但我只想在完成data功能时显示对象的状态，而不是跟踪后续更改。

我目前在Firefox和Chrome中获得的内容如下：

Answer 1

console.log(JSON.parse(JSON.stringify(thing))) 

不会对Vue本身起作用，但对于数据属性应该没问题。