vue 怎么使用socket.io

要在 Vue 中使用 Socket.IO，你需要执行以下步骤：

1. 安装 Socket.IO 客户端

使用 npm 安装 Socket.IO 客户端：

npm install socket.io-client

2. 在 Vue 中引入 Socket.IO

在需要使用 Socket.IO 的组件中引入 Socket.IO：

import io from 'socket.io-client'

3. 创建 Socket.IO 实例

在 Vue 组件的 created 生命周期钩子函数中创建 Socket.IO 实例：

created() {
  this.socket = io('http://localhost:3000')
}

其中，http://localhost:3000 是 Socket.IO 服务器的地址。

4. 监听事件和发送消息

在 Vue 组件中，可以使用 this.socket.on() 方法来监听 Socket.IO 服务器发送的事件，使用 this.socket.emit() 方法来向 Socket.IO 服务器发送消息。

例如，监听来自 Socket.IO 服务器的 chat 消息：

this.socket.on('chat', message => {
  console.log('Received message:', message)
})

向 Socket.IO 服务器发送 chat 消息：

this.socket.emit('chat', 'Hello, Socket.IO!')

以上就是在 Vue 中使用 Socket.IO 的基本步骤。需要注意的是，在 Vue 组件销毁时，需要手动关闭 Socket.IO 连接：

beforeDestroy() {
  this.socket.close()
}