vue3配置websocket

以下是Vue3中配置WebSocket的步骤：

1.安装vue-native-websocket库

npm install vue-native-websocket

2.在main.js中引入WebSocket并配置

import VueNativeSock from 'vue-native-websocket'

Vue.use(VueNativeSock, 'ws://localhost:8080', {
  reconnection: true, // 是否自动重新连接
  reconnectionAttempts: 5, // 重新连接尝试次数
  reconnectionDelay: 3000, // 重新连接延迟时间
})

3.在组件中使用WebSocket

export default {
  mounted() {
    this.$socket.send('Hello WebSocket') // 发送消息
  },
  methods: {
    handleReceiveMessage(event) {
      console.log(event.data) // 接收消息
    }
  }
}