Отдельно взятый пост
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 можно использовать несколько блоков, при этом корневой элемент какой то не является обязательным. Но всё же когда вы используете циклы следует какой то корневой элемент сделать.
