vue中使用websocket

<template>
  <div class=""></div>
</template>
<script>
export default {
  data() {
    return {
      ws: null, // WebSocket实例
      time: 5000, // 计时器时间
    };
  },
  mounted() {
    this.initWebSocket();
  },
  methods: {
    initWebSocket() {
      if (window.WebSocket) {
        let ws = new WebSocket("ws://121.40.165.18:8800"); // 建立连接
        console.log("ws", ws.readyState);
		// 0 正在链接中
		// 1 已经链接并且可以通讯
		// 2 连接正在关闭
		// 3 连接已关闭或者没有链接成功
        this.ws = ws;
        // 服务器连接成功
        ws.onopen = function (e) {
          console.log("连接成功", e);
          ws.send("hello WebSocket"); // 给后台发消息
        };
        // 服务器连接关闭
        ws.onclose = function (e) {
          console.log("连接关闭", e);
        };
        // 服务器连接出错
        ws.onerror = function (e) {
          console.log("连接出错", e);
        };
        // 解析信息
        ws.onmessage = function (e) {
          console.log("接收数据", e);
        };
      }
    },
  },
};
</script>