基本用法

可以使用 v-for 指令呈现列表。语法要求你指定要迭代的源数组，以及将用于引用迭代中的每个项的别名。在下面的示例中，我们使用 items 作为源数组，item 作为每个项目的别名。

HTML

<div id="app">
  <h1>My List</h1>
  <table>
    <tr v-for="item in items">
      <td>{{item}}</td>
    </tr>
  </table>
</div>

脚本

new Vue({
  el: '#app',
  data: {
    items: ['item 1', 'item 2', 'item 3']
  }
})

你可以在此处查看工作演示。