title: Literal objects and properties reactivity in Vue 2.5
body: <p>Why nested fields of literal objects bound to a component’s property do not get reactive and observed?</p>
  
  <p>Example:</p>
  
  <pre><code>&lt;my-comp :my-prop="{ my: { literal: { object: { with: { nested: { field: ‘not reactive’ }}}}}}"&gt;&lt;/my-prop&gt;
  </code></pre>
  
  <p>When you do this inside my-comp:</p>
  
  <pre><code>created() {
    console.log(this); // you can see in the Chrome console that nested fields of this.myProp do not get reactive (i.e. no getters)
  }
  </code></pre>
  
  <p>I know that I can play around it, but I am just asking why not?
  Is there a neat way to make it reactive?</p>
  
  <p>Thank you!</p>