vue2中使用WebSockt

在 Vue.js 2 中使用 WebSocket，可以通过 `WebSocket` 类来进行实现。以下是一个简单的示例：

1. 在 Vue 组件中创建 WebSocket 实例：

export default {
  data() {
    return {
      webSocket: null,
    }
  },

  created() {
    this.webSocket = new WebSocket('ws://localhost:3000');

    this.webSocket.onopen = () => {
      console.log('WebSocket 连接成功！');
    }

    this.webSocket.onmessage = (event) => {
      console.log('WebSocket 接收到消息：', event.data);
    }

    this.webSocket.onclose = () => {
      console.log('WebSocket 连接关闭！');
    }
  },
}

2. 在 Vue 组件中发送消息：

methods: {
  sendMessage() {
    if (this.webSocket.readyState === WebSocket.OPEN) {
      this.webSocket.send('Hello WebSocket!');
    } else {
      console.log('WebSocket 连接尚未建立！');
    }
  },
}

3. 在 Vue 组件中关闭 WebSocket 连接：

destroyed() {
  if (this.webSocket.readyState === WebSocket.OPEN) {
    this.webSocket.close();
  }
}

以上是一个简单的 Vue.js 2 中使用 WebSocket 的示例。需要注意的是，WebSocket 连接的 URL 必须是以 `ws://` 或 `wss://` 开头的。在实际使用中，还需要考虑到 WebSocket 连接的状态和错误处理等问题。