vue3-websocket怎么使用

Vue 3中使用WebSocket的方法如下：

1. 首先，你需要安装WebSocket库。可以使用npm或者yarn来安装，命令如下：

npm install vue-native-websocket

或者

yarn add vue-native-websocket

2. 在Vue的入口文件（通常是main.js）中导入WebSocket库并注册：

import VueNativeSock from 'vue-native-websocket';
Vue.use(VueNativeSock, 'ws://localhost:8080', {
  reconnection: true, // 是否自动重新连接
  reconnectionAttempts: 5, // 重新连接尝试次数
  reconnectionDelay: 3000, // 重新连接延迟时间（毫秒）
});

3. 在Vue组件中使用WebSocket：

export default {
  mounted() {
    this.$socket.send('Hello WebSocket!'); // 发送消息
    this.$socket.onmessage = (event) => {
      console.log(event.data); // 接收消息
    };
  },
};

以上是使用vue-native-websocket库来实现WebSocket的基本步骤。你可以根据自己的需求进行配置和使用。