title: Can we use v-for in a custom component's template in vuejs?
body: <p>use following code in html, it works:</p>
  
  <pre><code>&lt;div v-for="i in [1,2,3]" &gt;{{i}}&lt;/div&gt;
  </code></pre>
  
  <p>but when used in a component template:</p>
  
  <pre><code>Vue.component('test', {    
      template: '&lt;div v-for="i in [1,2,3]" &gt;{{i}}&lt;/div&gt;'
  })
  </code></pre>
  
  <p>It will trigger an error: </p>
  
  <pre><code>- Cannot use v-for on stateful component root element because it renders  multiple elements.
  </code></pre>
  
  <p>any idea putting a v-for in this situation? Thanks,</p>