vue3中的usewebsocket

import { useWebSocket } from '@vueuse/core'
import { ref } from 'vue'

const isFirstConnection = ref(true) // 标志位，标记是否是第一次连接

const { data, send, open, close } = useWebSocket('ws://your-websocket-url', {
  autoReconnect: {
    retries: 3,
    delay: 1000,
    onFailed() {
      console.log('Failed to reconnect WebSocket')
    },
  },
  onConnected(ws) {
    console.log('WebSocket connected')
    if (isFirstConnection.value) {
      // 第一次连接
      send(JSON.stringify({ type: 'fristconnect', data: 'your_data' }))
      isFirstConnection.value = false // 第一次连接完成后，将标志位设为 false
    }else{
      // 如果不是第一次连接，则发送 vehicle_change 消息
      send(JSON.stringify({ type: 'reconnect', data: 'your_data' }))
     }
   
  },
  onDisconnected(ws) {
    console.log('WebSocket disconnected')
  },
})