title: Vue Js - Loop via v-for X times (in a range)
body: <p>How can I repeat a loop via <code>v-for</code> X (e.g. 10) times?</p>
  
  <pre><code>// want to repeat this (e.g.) 10 times
  
  &lt;ul&gt;
    &lt;li v-for="item in shoppingItems"&gt;
      {{ item.name }} - {{ item.price }}
    &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>The documentation shows:</p>
  
  <pre><code>&lt;ul&gt;
    &lt;li v-for="item in 10"&gt;{{ item }}&lt;/li&gt;
  &lt;/ul&gt;
  
  // or 
  
  &lt;li v-for="n in 10"&gt;{{ n }} &lt;/li&gt;
  
  // this doesn't work
  
  &lt;li v-for="item in 10"&gt;{{ item.price }}&lt;/li&gt;
  </code></pre>
  
  <p>but from where does vue know the source of the objects?
  If I render it like the doc says, I get the number of items and items, but without content.</p>