Отдельно взятый пост

Отдельно взятый пост
PostItem

src\components\PostItem.vue

<template>
<div class="post">
<div><strong>Название:</strong>{{post.title}}</div>
<div><strong>Описание:</strong>{{post.body}}</div>
</div>
</template>

<script>
export default{
 props:{
  post:{
   type:Object,
   required:true,
  }
 }
}
</script>

<style scoped>
</style>

в данном компоненте в шаблоне нет корневого блока. Посты находятся в отдельном блоке и располагаются один под другим.

Во vue-2 такое не будет работать. Там в шаблоне должен располагаться обязательно какой то корневой элемент например div.

Во vue-3 можно использовать несколько блоков, при этом корневой элемент какой то не является обязательным. Но всё же когда вы используете циклы следует какой то корневой элемент сделать.