Прослушивание событий объекта в vue js

Question

Я использую webrtc и хочу сделать следующее:

let connection = new WebSocket('ws://localhost:8080')

connection.onmessage = function (message) { // code }

Поэтому, когда я использую connection.send(//message), событие .onmessage должно запускаться.

Но как мне прослушать это в vue js?

Вот часть моего кода Vue:

data: {
    connection: null  
},
created: function() {
    this.connection = new WebSocket('ws://localhost:8080')

    // List cameras and microphones.
    this.listDevices()

    let app = this

    this.connection.onmessage = function (message) { 
       console.log("Got message", message.data)
       let data = JSON.parse(message.data)

       switch(data.type) { 
            case "login": 
                app.onLogin(data.success)
                break
            case "offer": 
                app.onOffer(data.offer, data.name) 
                break
            case "answer": 
                app.onAnswer(data.answer) 
                break
            case "candidate": 
                app.onCandidate(data.candidate) 
                break
            default: 
                break 
        } 
    }

    this.connection.onopen = function() {
        app.send({ 
            type: "login", 
            name: 'myUsername' 
        })
    }
},
methods: {
    send: function(message) {            
        this.connection.send(JSON.stringify(message))
    }
}

Как видите, я пытался ввести метод created для vue, но он не работает таким образом. Так как же я могу прослушать это событие .onmessage и вызвать другие методы, определенные в моем приложении vue в нем?