title: Looping with row/child structures
body: <p>I'm starting to face this issue more and more often and am wondering if there is a simple solution to this. Kinda stuck trying to loop through a set of data into a row/child kind of structure.</p>
  
  <p>Here's what I'm trying to achieve.</p>
  
  <pre><code>&lt;div class="row"&gt;
    &lt;div&gt;Data 1&lt;/div&gt;
    &lt;div&gt;Data 2&lt;/div&gt;
  &lt;div class="row"&gt;
    &lt;div&gt;Data 3&lt;/div&gt;
    ...
  </code></pre>
  
  <p>What I ended doing most of the time is to just now house my data loops into a row, etc. But it prevented me from displaying my data in a more customised way... Is there a better way?</p>
  
  <pre><code>&lt;div v-for="item in items"&gt;
     &lt;div class="row"&gt;
      &lt;div&gt;{{ item.message }}&lt;/div&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Like after 3 item.messages, a new row will spawn, etc?</p>