сейчас я пытаюсь создать веб-сайт, на котором будут отображаться последние новости, который поставляется с моим NodeJS API.

Я пробовал следующее:

HTML

<div id="news" class="media" v-for="item in posts">
    <div>
        <h4 class="media-heading">{{item.title}}</h4>
        <p>{{item.msg}}</p>
    </div>
</div>

Javascript

const news = new Vue({
    el: '#news',
    data:   {
        posts:  [
            {title: 'My First News post',   msg: 'This is your fist news!'},
            {title: 'Cakes are great food', msg: 'Yummy Yummy Yummy'},
            {title: 'How to learnVueJS',    msg: 'Start Learning!'},
        ]
    }
})

По-видимому, вышеприведенное не сработало, потому что Vue не может отобразить несколько корневых элементов.

Я посмотрел официальное руководство VueJS и не смог найти решение. Погуляв некоторое время, я понял, что невозможно отобразить несколько корневых элементов, однако мне еще не удалось найти решение.