title: How can I generate a description list (dl) in Vue.js using v-for?
body: <p>The v-for tag in vue is great, no doubt.</p>
  
  <p>I have now the situation where I want to generate a description list such as <a href="https://getbootstrap.com/docs/4.3/content/typography/#description-list-alignment" rel="nofollow noreferrer">this</a>. In this case I need to generate <em>two</em> DOM elements for each element in my array:</p>
  
  <pre class="lang-js prettyprint-override"><code>&lt;dl class="row"&gt;
    &lt;dt class="col-sm-3"&gt;Description lists&lt;/dt&gt;
    &lt;dd class="col-sm-9"&gt;A description list is perfect for defining terms.&lt;/dd&gt;
  </code></pre>
  
  <p>Is there any (more or less elegant) way to do this with vue?</p>