title: Vue 2 props on child component undefined
body: <p>So I'm trying to pass a prop down to a child component as follows.</p>
  <pre><code>&lt;Project :grossMarginPerResource=&quot;grossMarginPerResource&quot; :threshold=&quot;threshold&quot; :orderBy=&quot;orderBy&quot; @refetch=&quot;refetch&quot; v-if=&quot;group_by == 'Project'&quot;&gt;&lt;/Project&gt;
  </code></pre>
  <p>The child component accepts this prop</p>
  <pre><code>props: ['grossMarginPerResource', 'orderBy', 'show_costs','threshold'],
  </code></pre>
  <p>Whenever I try to access this prop, either by console logging it, it prints out as undefined,</p>
  <p>Logging it in the parent component shows the following:</p>
  <pre><code>{ &quot;green&quot;: &quot;1000&quot;, &quot;yellow&quot;: &quot;400&quot;, &quot;red&quot;: &quot;400&quot; } 
  </code></pre>
  <p>but if I do in the child component:</p>
  <pre><code>console.log(this.threshold)
  </code></pre>
  <p>it prints out undefined</p>