Vue child component not rendering
<p>I have 2 components:</p>

<pre><code>Vue.component('page', {
  props: ['pages'],
  template: '&lt;li&gt;{{ pages.title }}&lt;/li&gt;'
})

Vue.component('block', {
  props: ['blocks'],
  template: '&lt;div&gt;{{ blocks.id }}&lt;/div&gt;'
})
</code></pre>

<p>"Page" is the Parent component, and "Block" the child component. </p>

<p>Both of the components contain a loop through an array:</p>

<pre><code>&lt;page v-for="page in pages" v-bind:pages="page"&gt;
    &lt;block v-for="block in blocks" v-bind:blocks="block"&gt;&lt;/block&gt;
&lt;/page&gt;
</code></pre>

<p>The "Block" component is not being rendered at all, while it is when placed outside of the parent "Page" component. I feel like I am missing something obvious, but what is it?</p>