vue3js安装websocket

要在Vue 3中安装WebSocket，你需要完成以下步骤：

1. 安装 `vue-native-websocket` 包，可以通过 npm 或 yarn 安装。

   npm install vue-native-websocket

或者

   yarn add vue-native-websocket

2. 在你的Vue应用程序中，导入 `vue-native-websocket`。

   import VueNativeSock from 'vue-native-websocket'

3. 在你的Vue应用程序中，创建一个WebSocket实例。

   Vue.use(VueNativeSock, 'ws://localhost:3000', {
     reconnection: true, // 是否自动重连
     reconnectionAttempts: 5, // 重连尝试次数
     reconnectionDelay: 3000, // 重连延迟（毫秒）
   })

4. 现在，你可以在Vue组件中使用 `this.$socket` 访问WebSocket实例，例如：

   this.$socket.send(JSON.stringify({
     type: 'message',
     data: 'Hello, WebSocket!'
   }))

这样就可以在Vue 3中使用WebSocket了。