vue中使用webSoket

在vue中如何使用webSocket通信呢？

初始化

mounted(){
	this.initWebSocket(）
}

下面展示一些 代码块。

methods:{
// 初始化建立webSocket通道
	initWebSocket () {
		//这里的wsurl是建立通道的地址~
		const wsuri = `${this.webSockerUrl}/imserver/test`
	    this.websock = new WebSocket(wsuri)
	    this.websock.onmessage = this.websocketonmessage
	    this.websock.onopen = this.websocketonopen
	    this.websock.onerror = this.websocketonerror
	    this.websock.onclose = this.websocketclose
	}
 //连接建立之后执行send方法发送数据
	websocketonopen () {
	    let actions = { test: '12345' }
	    this.websocketsend(JSON.stringify(actions))
	}
    //收到webSoket推送的信息
   websocketonmessage (e) {
     if (e.data == '连接成功' || e.data == '连接失败') return
     const redata = JSON.parse(e.data)
     console.log('推送的内容',redata)
   }
   //数据发送
	websocketsend (Data) {
     this.websock.send(Data)
   },
    //关闭
   websocketclose (e) {
     this.websock.close()
     console.log('断开连接', e)
   }
  //webSocket连接错误--连接建立失败重连  
 websocketonerror (e) {    
 	this.initWebSocket()   
  },
 }

以上就是websocket的使用方法啦~~~~