title: How do I get the count for each item using v-for in Vue?
body: <p>I have this Vue code:</p>
  
  <pre><code>var itembox = new Vue({
      el: '#itembox',
      data: {
          items: {
              cookiesncreme: {
                  name: "Cookies N Cream",
                  description: "description"
              },
              chocolateswirl: {
                  name: "Chocolate Swirl",
                  description: "description"
              },
              peanutbutter: {
                  name: "Peanut Butter",
                  description: "description"
              }
          }
      }
  });
  </code></pre>
  
  <p>And this HTML code:</p>
  
  <pre><code>&lt;div id="itembox"&gt;
      &lt;div v-for="(item, index) in items"&gt;{{ index }} - "{{ item.name }}"&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>I am trying to output the code in a numbered list, for example:</strong></p>
  
  <pre><code>&lt;div&gt;1 - Cookies N Creme&lt;/div&gt;
  &lt;div&gt;2 - Chocolate Swirl&lt;/div&gt;
  &lt;div&gt;3 - Peanut Butter&lt;/div&gt;
  </code></pre>
  
  <p><strong>But since my items have keys already, it comes out like this:</strong></p>
  
  <pre><code>&lt;div&gt;cookiesncreme - Cookies N Creme&lt;/div&gt;
  &lt;div&gt;chocolateswirl - Chocolate Swirl&lt;/div&gt;
  &lt;div&gt;peanutbutter - Peanut Butter&lt;/div&gt;
  </code></pre>
  
  <p>Is there any other way to get a number count for each item? Thanks!!</p>