1PostsComponent.vue

<template>
  <div>
    <post-component v-for="(post, index) in posts" :key="index"></post-component>
  </div>
</template>

<script>
import PostComponent from './PostComponent';
export default {
  name: 'posts-component',
  components: {
    PostComponent
  },
  data () {
    return {
      posts: [],
      category: 'Programación'
    }
  },
  mounted () {
    axios.get('https://jsonplaceholder.typicode.com/posts')
    .then(response => response.json())
    .then(posts => this.posts = posts)
  }
}
</script>

2PostComponent.vue

<template>
  <div>
    <div class="card" style="width: 18rem;">
        <div class="card-body">
          <h5 class="card-title">{{ post.title }}</h5>
          <p class="card-text">{{ post.body }}</p>
          <a href="/posts" class="btn btn-primary">Go back</a>
        </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'post-component',
  props: {
    post: {
      type: Object
    }
  }
}
</script>