title: v-for with dynamic keys
body: <p>Very new to Vuejs 2.  Have a question on how to enumerate through a dynamic set of data that has a dynamic key?  Take this data for instance (this is from a 3rd party -- so unable to change data -- and shortened for readability):</p>
  
  <pre><code>{
    "143": {
      "account_id": 1,
      "name": "Account 1",
      "groups": [
        {
          "1610": {
            "name": "Group 1610",
            "meetings": [
              {
                "20170816": [
                  {
                    "id": 10755,
                    "name": "Untitled"
                  }
                ]
              }
            ]
          }
        }
      ]
    }
  }
  </code></pre>
  
  <p>Then I have a <code>.vue</code> file that has a template that does this:</p>
  
  <pre><code>&lt;div v-for="(account, accountKey) in accounts"&gt;
      &lt;div&gt;{{ account.name }} ({{ accountKey }})&lt;/div&gt;
      &lt;div v-for="(group, groupKey) in groups"&gt;
          &lt;div&gt;{{ group.name }} ({{ groupKey }})&lt;/div&gt;
          &lt;div v-for="(meeting, meetingKey) in meetings"&gt;
              &lt;div&gt;{{ meeting.name }} ({{ meetingKey }})&lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This doesn't render anything.  There are several things I need to here, but not sure how to accomplish in Vuejs.</p>
  
  <ol>
  <li>Need to be able to pull the key (as it's the identifier) for each of the records.</li>
  <li>Need to be able to access the individual data on record, of course.</li>
  </ol>
  
  <p>Anyone come across something similar that can help with?</p>
  
  <p>Thanks!</p>