websocket在vue2中的封装使用

在Vue2中，可以使用WebSocket API来实现WebSocket的封装。以下是一个简单的示例：

1. 创建WebSocket连接

import io from 'socket.io-client';

const socket = io('ws://localhost:3000');

这里使用了socket.io-client来创建WebSocket连接。

2. 在Vue组件中使用WebSocket

export default {
  mounted() {
    socket.on('connect', () => {
      console.log('websocket connected');
    });

    socket.on('message', (data) => {
      console.log('received message:', data);
    });

    socket.on('disconnect', () => {
      console.log('websocket disconnected');
    });
  },
  methods: {
    sendMessage() {
      socket.emit('message', 'hello');
    }
  }
}

在mounted钩子函数中，使用socket.on()方法监听WebSocket的连接、消息和断开连接事件。在sendMessage方法中，使用socket.emit()方法向服务器发送消息。

以上是一个简单的WebSocket封装示例，可以根据实际需求进行更多的定制。