CommentList.vue

<template>
  <ul>
    <li v-for="comment in commentList" :key="comment.id">
      {{ comment.body }}-{{ comment.author }}
    </li>
  </ul>
</template>

<script>
  export default {
    name: 'CommentList',
    props: {
      commentList: {
        type: Array,
        required: true
      }
    }
  }
</script>