vue 简单实用 webSocket 实时推送数据

mounted:function(){    
    this.initWebSocket();  
},
methods:{  
    initWebSocket(){ 
        //初始化 
        this.websocket = new WebSocket('');  
        var that = this.websocket;
        that.onopen = this.websocketonopen;
        that.onerror = this.websocketonerror;
        that.onmessage = this.websocketonmessage; 
        that.onclose = this.websocketclose;
    }, 
    websocketonopen() { 
        //发送
        this.websocket.send(''); 
        console.log("WebSocket连接成功");
    },
    websocketonerror(e) { 
        //错误
        console.log("WebSocket连接发生错误");
    },
    websocketonmessage(res){ 
        console.log("接收数据" ， res)
        //数据接收  
        //处理逻辑
    }, 
    websocketclose(e){ 
        //关闭 
        console.log("connection closed (" + e.code + ")"); 
    }, 
}
destroyed: function() {
    //页面销毁时关闭
    this.websocket.onclose =  this.websocketclose();
}