v-for-2.html

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

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