vue引用socket.io-client

在 Vue 中使用 `socket.io-client`，你需要先安装 `socket.io-client`：

npm install socket.io-client --save

在你的 Vue 组件中可以这样引用：

import io from 'socket.io-client'

export default {
  data() {
    return {
      socket: null
    }
  },
  created() {
    const serverUrl = 'http://localhost:3000' // 你的 socket.io 服务器地址
    this.socket = io(serverUrl)

    this.socket.on('connect', () => {
      console.log('连接成功')
    })

    this.socket.on('disconnect', () => {
      console.log('连接断开')
    })

    this.socket.on('message', (data) => {
      console.log('收到消息', data)
    })
  },
  methods: {
    sendMessage(message) {
      this.socket.emit('message', message)
    }
  }
}

这里我们在 `created` 钩子函数中创建了一个 `socket.io-client` 实例，并监听了 `connect`、`disconnect`、`message` 事件。在 `sendMessage` 方法中，我们可以通过 `emit` 方法向服务器发送消息。