今さら知ったメモ
前提
vue.js で、配列のデータを定義リスト (<dl><dt><dd>) として出力したい。
あれ、v-for でどう書けばいいんだっけ、となった
<template> というタグが使える
結論、こんな感じ
<dl>
<template v-for="item in items">
<dt>{{ item.title }}</dt>
<dd>{{ item.description }}</dd>
</template>
</dl>
<template> タグ自体は、実際のレンダリング時には出力されない。なのでこの例では <dl><dt><dd> のみが出力される形。
なるほど
公式ドキュメント
ふつうに <ul><li> での例が公式ドキュメントにも載ってた、1つのループ内で複数のリストを出力したい例
<ul>
<template v-for="item in items">
<li>{{ item.msg }}</li>
<li class="divider" role="presentation"></li>
</template>
</ul>
