vue3 websocket的使用

Vue3中使用WebSocket需要先安装和配置socket.io-client，然后在Vue组件的setup函数中创建WebSocket实例对象。具体步骤如下：

1. 安装和配置socket.io-client

在Vue3项目中，可以使用npm或yarn安装socket.io-client：

npm install socket.io-client

或

yarn add socket.io-client

安装完成后，在Vue组件中引入socket.io-client：

import io from 'socket.io-client'

2. 创建WebSocket实例对象

在Vue组件的setup函数中，可以使用onMounted钩子函数创建WebSocket实例对象：

import { onMounted } from 'vue'
import io from 'socket.io-client'

export default {
  setup() {
    let socket = null

    onMounted(() => {
      // 创建客户端 WebSocket 的实例
      socket = io('ws://www.example.com:9999')
    })

    return {
      socket
    }
  }
}

在上面的代码中，我们使用onMounted钩子函数创建了一个WebSocket实例对象，并将其赋值给了socket变量。在实际使用中，我们可以通过socket对象来发送和接收WebSocket消息。