在vue3中使用socket.io

在 Vue 3 中使用 <script lang=ts setup> 实现 Socket.io，你可以按照以下步骤进行：

1. 首先，你需要在项目中安装 socket.io-client 和相关的 TypeScript 声明文件。你可以在项目根目录中打开终端，并运行以下命令来进行安装：

2. npm install socket.io-client @types/socket.io-client
   

3. 然后，在你的 Vue 组件中导入 socket.io-client 并创建一个 Socket.IO 实例来连接到服务器：

4. import { io } from 'socket.io-client';
   
   const socket = io('http://your-server-address', {
     transports: ['websocket'], // 指定传输方式，如WebSocket
     autoConnect: true, // 是否自动连接
     reconnection: true, // 是否自动重新连接
     reconnectionAttempts: 3, // 重新连接尝试次数
     reconnectionDelay: 1000, // 重新连接延迟时间（毫秒）
     query: { token: 'your-token' }, // 自定义查询参数
     // 其他可选参数...
   });
   

5. 使用 emit() 方法发送事件：

6. socket.emit('event-name', payload);
   

7. 使用 on() 方法监听事件：

8. socket.on('event-name', (data) => {
     // 处理接收到的数据
   });