Comment by powpowpow on "Ask anything to Vue.js Team"

powpowpow

Sep 19, 2017

I print data and the result is [ob: Observer]，There's data in there, but you can't get it out

Blake Newman

Frontend Engineer, Speaker and @vuejs core team member. Ensuring maintainable and performant code with Sacrificial Architecture principles.

Sep 20, 2017

This is a little hard to answer, we would need more description and an example. It could be how your browser is logging the object. Could you create a reproduction here: http://jsfiddle.net/yyx990803/yMv7y/

Thorsten Lünborg

Sep 20, 2017

I assume your question is how to log data to the console and read it?

The issue you experience is due to Vue's Reactivity system, which extends objects with getter and setter methods to track changes and react to them.

However, When I log something to the console, it's usually quite readable. If you really need a plain output, you can use JSON.parse/stringify to create fresh, plain object.

I demo both things here: https://jsfiddle.net/x8nhrf0c/1/

Also, we recommend to use your devtools in Chrome or Firefox to inspect your component's data - it formats it nicely for you.

Search Hashnode