Vue中websocket的使用方法

//初始化WebSocket
initWs() {
  if(typeOf(WebSocket) === "undefined") {
    //浏览器不支持WebSocket
    return false
  } else {
    this.socket = new WebSocket() //括号中填写后端提供的路径
    this.socket.onopen = this.open 
    this.socket.onerror = this.error
    this.socket.onmessage = this.getMessage
  }
},
//监听socket连接
open() {},
//监听socket连接
error() {},
//接收数据
getMessage(data) {}, //data为后端发过来的数据
//发送数据
send() {
  this.socket.send(data)
},
//监听socket连接关闭
close() {}

data() {
  return {
    socket: ""
  }
},
mounted() {
  this.initWs()
},
destoryed() {
  this.socket.onclose = this.close
}