Pass object as prop on Vue : <p>How do you go on passing objects as props on vue? I would imagine this would be a simple task but apparently not.</p>

<p>I have the following code on a .vue file: </p>

<p>`</p>

<pre><code>&lt;template&gt;
    &lt;div id="scatter"&gt;&lt;/div&gt;
&lt;/template&gt;

&lt;script&gt;
    export default {
       props: {
           data: {
                type: Object,
           default: () =&gt; ({})
       }
     },
     mounted () { 
         console.log(this.data)
     }
    }
&lt;/script&gt;
</code></pre>

<p>`</p>

<p>On html I try to pass the <code>data</code> props as follows : </p>

<p><code>&lt;component :data="{x:1}"&gt;&lt;/component&gt;</code></p>

<p>When I try lo log it into the console the result is only an empty observer object.</p>
