A way to render multiple root elements on VueJS with v-for directive

Question

Right now, I\'m trying to make a website that shows recent news posts which is supplied my NodeJS API.

I\'ve tried the following:

HTML

Answer 1

Vue requires that there be a single root node. However, try changing your html to this:

    

       
{{item.title}}
       
{{item.msg}}
    

This change allows for a single root node id="news" and yet still allows for rendering the lists of recent posts.