vue websocket 创建连接

Vue.js本身并不直接提供WebSocket功能，但它可以与其他库配合使用来实现实时通信。创建一个基于WebSocket的连接通常需要以下步骤：

1. 安装依赖：首先，你需要安装一个WebSocket客户端库，比如`vue-websocket`。你可以使用npm或yarn进行安装：

   npm install vue-websocket
   # 或者
   yarn add vue-websocket

2. 引入并配置：在Vue组件中导入并初始化WebSocket实例。例如：

   import { createSocket } from 'vue-websocket';
   
   export default {
     setup() {
       const socket = createSocket('ws://your-websocket-url');
       // 初始化连接时可能需要设置事件处理器
       socket.onopen(() => console.log('WebSocket已打开'));
       
       return { socket };
     }
   };

3. 发送和接收消息：通过`.emit()`发送数据到服务器，通过监听事件处理`message`、`close`等来处理服务器响应：

   socket.emit('message', 'Hello Server!');
   socket.on('message', (data) => {
     console.log('Received data:', data);
   });

4. 错误处理：记得添加错误处理机制，以便在连接出现问题时能捕获异常：

   socket.onerror((error) => {
     console.error('WebSocket错误:', error);
   });