基本用法

可以使用 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']
  }
})

你可以在此處檢視工作演示。