How to display a stream of terminal messages on a web GUI using roslibjs?

edit

I got a bit further with this and the following html code worked:

<div id="terminal_log" class="container tab-pane active"><br>
    <div class="overflow-auto">
        <ul class="list-inline">
            <li class="list-inline-item" v-for="x in terminalMessages">{{ x.line }}</li>
         </ul>
     </div>
 </div>

where terminalMessages is subscribed to in javascript with:

getTerminalMessages: function (){
    let terminalMessageTopic = new ROSLIB.Topic({
        ros: this.ros,
        name: '/rosout_agg',
        messageType: 'rosgraph_msgs/Log'
    })
    terminalMessageTopic.subscribe((message) => {
        this.terminalMessages.push({line: message.msg});
    })
}