SOURCE

new Vue({
    el: '#app',
    data() {
        return {
            message: 'Hello Vue!',
            client: null
        }
    },
    created() {
        let client = mqtt.connect('ws://121.5.221.77:8083/mqtt')
        this.client = client
        client.on('connect', ()  =>{
            console.log("connect")
            client.subscribe('presence', (err) =>{
                if (!err) {
                    client.publish('presence', 'Hello mqtt')
                }
            })
        })

        client.on('message',(topic, message) =>{
            // message is Buffer
            console.log("message")
            console.log(message)
            client.end()
        })

        client.on('error',(error) =>{
            // message is Buffer
            console.log("error")
            client.end()
        })
    }
})

<div id="app">{{message}}</div>