在Vue项目中处理多个套接字

// 安装WebSocket库
// npm install websocket

// 在Vue组件中引入WebSocket库
import WebSocket from 'websocket';

export default {
  data() {
    return {
      socket1: null,
      socket2: null
    };
  },
  mounted() {
    // 创建WebSocket连接
    this.socket1 = new WebSocket('ws://example.com/socket1');
    this.socket2 = new WebSocket('ws://example.com/socket2');

    // 监听WebSocket事件
    this.socket1.onopen = () => {
      console.log('Socket 1 connected');
    };
    this.socket1.onmessage = (event) => {
      console.log('Socket 1 received message:', event.data);
    };
    this.socket1.onerror = (error) => {
      console.error('Socket 1 error:', error);
    };
    this.socket1.onclose = () => {
      console.log('Socket 1 closed');
    };

    this.socket2.onopen = () => {
      console.log('Socket 2 connected');
    };
    this.socket2.onmessage = (event) => {
      console.log('Socket 2 received message:', event.data);
    };
    this.socket2.onerror = (error) => {
      console.error('Socket 2 error:', error);
    };
    this.socket2.onclose = () => {
      console.log('Socket 2 closed');
    };

    // 发送数据
    this.socket1.send('Hello from Socket 1');
    this.socket2.send('Hello from Socket 2');
  },
  beforeDestroy() {
    // 关闭WebSocket连接
    this.socket1.close();
    this.socket2.close();
  }
};