「Vue.js」v-forでプロジェクトのプロパティの値を取得するサンプル

2014年2月7日2020年11月27日

構文

<ul id="xxx" class="sample">
  <li v-for="value in object">
    {{ value }}
  </li>
</ul>

サンプルコード

<ul id="cftObj" class="sample">
  <li v-for="value in object">
    {{ value }}
  </li>
</ul>
new Vue({
  el: '#cftObj',
  data: {
    object: {
      userid: 'A001',
      username: 'User001',
      createdate: '1982-04-10'
    }
  }
})

結果
A001
User001
1982-04-10