Vue 在 <template> 上使用 v-for

类似于 v-if,你也可以利用带有 v-for<template> 来循环渲染一段包含多个元素的内容。比如:


<ul>
  <template v-for="item in items">
    <li>{{ item.msg }}</li>
    <li class="divider" role="presentation"></li>
  </template> 
</ul>


分类Vue列表渲染相关推荐:

Vue 列表用 v-for 把一个数组对应为一组元素 Vue列表维护状态v-bind:key Vue列表数组的方法 Vue列表数组的替换方法 Vue列表显示过滤/排序后的结果 Vue 在 v-for 里使用值范围 Vue 在 <template> 上使用 v-for Vue中v-for 与 v-if 一同使用 Vue 在组件上使用 v-for