Vue

HTML

<div id="app">
  <p>Boucle avec Array</p>
  <hr>

  <p v-for="(user, i) in users" :key="i">
    name: <b>{{ user.name }}</b>
    <br>
    age: <b>{{ user.age }}</b>
  </p>
  
   <p>Boucle avec Object</p>
   <hr>
  
  <p v-for="(v, k) in users2">
    name: <b>{{ v }}</b>
    <br>
    age: <b>{{ k }}</b>
  </p>
</div>

CSS

p {
  padding: 10px;
  margin-bottom: 10px;
}

Vue

new Vue({
  el: "#app",
  data: {
  	users: [
    	{
      	name: 'thomas',
        age: 12
      },
      {
      	name: 'thomas',
        age: 24
      },
      {
      	name: 'Chris',
        age: 30
      }
    ],
    users2: {
    	12: 'Thomas',
      24: 'Kévin',
      30: 'Chris'
    }
  }
})