app.js

let eventBus = new Vue()

new Vue({
    el: '#application',
    replace: true,
    template: '<app :event-bus="eventBus" :websocket-url="websocketUrl"></app>',
    data: {
        eventBus: eventBus,
        websocketUrl: websocketUrl
    }
});

app.vue

<template>
<div>
    <log-entry v-for="entry in entries" :entry="entry" :event-bus="eventBus"></log-entry>
</div>
</template>

<script>
import LogEntry from './components/log-entry.vue'
import {levels} from './data/log-levels.js'

export default {
    props: [
        'eventBus',
        'websocketUrl'
    ],

    data() {
        return {
            websocket: null,
            entries: []
        }
    },

    methods: {
        removeEntry(entry) {
            // ..
        }
    },

    created() {
        this.eventBus.$on('remove-entry', this.removeEntry)
    },

    components: {
        LogEntry
    }
}
</script>

log-entry.vue

<template>
<div>
    <a href="#" @click="removeEntry(entry)"><i class="fa fa-remove"></i></a>
</div>
</template>

<script>
export default {
    props: [
        'entry',
        'eventBus'
    ],

    methods: {
        removeEntry: function(entry) {
            this.eventBus.$emit('remove-entry', entry)
        }
    }
}
</script>