vue2使用socket

在 Vue 2 中使用 Socket.io 可以通过以下步骤进行：

1. 安装 Socket.io：使用以下命令安装 Socket.io 客户端库：

   npm install socket.io-client

2. 创建 Socket 连接：在 Vue 组件中，你可以通过在 `created` 或 `mounted` 钩子中创建 Socket 连接。例如，在 `created` 钩子中：

   import io from 'socket.io-client';

   export default {
     created() {
       this.socket = io('http://localhost:3000'); // 传入 Socket 服务器的 URL
     },
   };

3. 监听事件：你可以通过 `socket.on` 方法来监听服务器端发送的事件。例如，监听名为 "message" 的事件：

   export default {
     created() {
       this.socket = io('http://localhost:3000');
       this.socket.on('message', (data) => {
         console.log(data);
       });
     },
   };

4. 发送事件：你可以使用 `socket.emit` 方法向服务器发送事件。例如，发送名为 "chat" 的事件：

   export default {
     methods: {
       sendMessage(message) {
         this.socket.emit('chat', message);
       },
     },
   };

这样，你就可以在 Vue 2 中使用 Socket.io 来实现实时通信了。记得根据你的实际情况修改 Socket 服务器的 URL 和事件名称。