「Vue.js」v-forディレクティブのサンプル

2020年11月25日

構文
v-for="要素名 in 配列"
使用例

<div id="app">
  <ol>
    <li v-for="cft in users">
      {{ cft.name }}
    </li>
  </ol>
</div>

<script>
new Vue({
  el: '#app',
  data: {
    users: [
      { name: 'user001' },
      { name: 'user002' },
      { name: 'user003' }
    ]
  }
})
</script>