vue3 使用socket io

Vue 3 可以与 Socket.IO 一起使用来实现实时通信。下面是使用 Vue 3 和 Socket.IO 进行实时通信的基本步骤：

1. 安装 Socket.IO：在你的 Vue 3 项目中使用 npm 或者 yarn 安装 Socket.IO。

npm install socket.io-client

2. 在 Vue 组件中引入并初始化 Socket.IO：

import { io } from 'socket.io-client';

export default {
  data() {
    return {
      socket: null,
    };
  },
  created() {
    this.socket = io('http://your-socket-io-server');
  },
};

确保将 `http://your-socket-io-server` 替换为你的 Socket.IO 服务器的地址。

3. 在需要使用 Socket.IO 的地方，监听事件并发送数据：

export default {
  created() {
    this.socket.on('event-name', (data) => {
      // 处理从服务器接收到的数据
    });
  },
  methods: {
    sendData() {
      const data = { message: 'Hello, Socket.IO!' };
      this.socket.emit('event-name', data);
    },
  },
};

在 `created` 钩子中，你可以监听服务器发送的事件，并处理接收到的数据。在 `sendData` 方法中，你可以通过 `emit` 方法向服务器发送数据。

这样，你就可以在 Vue 3 中使用 Socket.IO 进行实时通信了。记得根据你的具体需求调整代码，并根据你的项目配置和服务器设置来调整 Socket.IO 的连接细节。