Vue.js List Rendering Iteration over an object


Example

v-for can be used for iterating over an object keys (and values):

HTML:

<div v-for="(value, key) in object">
  {{ key }} : {{ value }}
</div>

Script:

new Vue({
  el: '#repeat-object',
  data: {
    object: {
      FirstName: 'John',
      LastName: 'Doe',
      Age: 30
    }
  }
})