webscocket在vue中的使用

initWebSocket(){
    var api=this.uploadimage.split('//')[1].split('/')[0]
    var wsuri="ws://"+api+"/websocket/"+this.buyer_id
    console.log(wsuri)     //     ws://xxx.xxx.x.xxx:8888/websocket/6
    this.websock = new WebSocket(wsuri);
    this.websock.onopen = this.websocketonopen;
    this.websock.onmessage = this.websocketonmessage;
    this.websock.onerror = this.websocketonerror;
    this.websock.oncolose = this.websocketclose;
    
},
websocketonopen(){
    console.log('建立连接成功!')
},
websocketonmessage(e){
    console.log('您收到了新消息!')
},
websocketsend(data){
    this.websock.send(data)
    console.log('消息发送成功!')
},
websocketonerror(){
    this.initWebSocket()
    console.log('建立连接错误!')
},
websocketclose(e){
    console.log('连接已断开!')
},
//发送按钮
sendMessage(){
    this.websocketsend(JSON.stringify(this.msg))
},