vue.js - 在 Vue 中调试console.dir() react 变量的快速而肮脏的方法？

Question

我在 Vue 组件中有这个故障代码，这是由 _errors 在我的 data 中被 undefined 引起的，至少在页面加载时.

  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 的 react 对象。

即我怎样才能打印出一个简单的嵌套对象，减去 getter 和 setter？并拍摄该对象的及时快照。

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

我目前在 Firefox 和 Chrome 中得到的是以下内容:

Answer 1

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

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