v-for-3.html

<div id="app">
  <h1>Friend list</h1>
  <ul>
    <li v-for="value in friends">{{ value }}</li>
  </ul>
</div>

<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<script>
  const app = new Vue({
    el: '#app',
    data: { friends: { first: 'Vue', second: 'React', third: 'Angular' } }
  });
</script>