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

Question

我的影片所造成的Vue一个组件内该故障代码_errors是undefined我data,至少在页面加载.

  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？并及时拍摄该物体的快照.

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

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

Answer 1

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

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