「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="xxx" class="sample"> <li v-for="value in object"> {{ value }} </li> </ul>

<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'

}

}

})

<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' } } })

<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

Posted by arkgame