[Vue.js]v-forディレクティブで配列要素を取得するサンプル

2020年11月26日

構文
<li v-for="item in 配列名" :key="item.key">
htmlコード

<ul id="arkgame">
  <li v-for="item in items" :key="item.key">
    {{ item.key }}
  </li>
</ul>

JSコード

var cft = new Vue({
  el: '#arkgame',
  data: {
    items: [
      { key: 'A001' },
      { key: 'B002' }
    ]
  }
})