title: VueJS - v-for and attributes on the parent Element
body: <p>I'm working with a table display and am using vueJS to render a group of rows inside of a table. The bindings inside of the <code>&lt;tr&gt;</code> work fine, but I can't figure out how to bind say an attribute that lives on the parent <code>&lt;tr&gt;</code> that hosts the <code>v-for</code> directive:</p>
  
  <pre><code>&lt;tr v-for="detailItem in itemList" data-key="{detailItem.pk}}"&gt;
          &lt;td&gt;{{detailItem.cdesc}}&lt;/td&gt;
          &lt;td&gt;{{(detailItem.nnetunits * 1).toFixed(2)}}&lt;/td&gt;
          ...
  &lt;/tr&gt;
  </code></pre>
  
  <p>In this code the inner items on the <code>&lt;td&gt;</code> bind just fine, but how would you get the <code>data-key</code> bound?</p>