title: Multiple Vue components inside Main component
body: <p>What is the correct way to dynamically insert any number of sub components inside the main 'wrapper' component?</p>
  
  <p>Something like this:</p>
  
  <p>Main Parent component:</p>
  
  <pre><code>&lt;template&gt;
    &lt;div id="app"&gt;
      &lt;GridContainer v-for="item in items"&gt;
          &lt;GridItem /&gt;
      &lt;/GridContainer&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  import { GridContainer, GridItem } from 'Grid';
  
  export default {
    name: 'app',
    components: {
      GridContainer,
      GridItem
    },
    data() {
      return {
          items: [...array if items that are dynamic]
      };
    };
  }
  &lt;/script&gt;
  </code></pre>