title: how to get key, value and index in v-for
body: <p>I am using v-for to loop through an object, I need to access the key, the value, and the index.
  I've seen many ways to access two of them, that's easy, but can't find how to access all three.</p>
  <p>I found a workaround but it's horribly messy and pretty unreadable.</p>
  <pre><code>&lt;div v-for=&quot;idx in Object.keys(PointsAvailable[0]).length&quot; :key=&quot;idx&quot;&gt;
    &lt;PointSquare
      :Value=&quot;Object.keys(PointsAvailable[0])[idx-1]&quot;
      :Availability=&quot;PointsAvailable[0][Object.keys(PointsAvailable[0])[idx-1]]&quot;
      :reference=&quot;idx-1&quot;&gt;
    &lt;/PointSquare&gt;
  &lt;/div&gt;
  </code></pre>
  <p>Is there a better way of doing this?</p>