vue3 SockJS

Vue 3 支持使用 SockJS 进行 WebSocket 连接。SockJS 是一个浏览器 JavaScript 库，供了对 WebSocket 的封装，使得在不支持 WebSocket 的浏览器中也可以使用类似的功能。
要在 Vue 3 中使用 SockJS，首先需要安装相应的依赖：

npm install sockjs-client

然后，在你的 Vue 3 项目中，可以在组件中引入 SockJS 并创建 WebSocket 连接。以下是一个简单的示例：

import SockJS from 'sockjs-client';

export default {
  data() {
    return {
      socket: null,
      messages: []
    };
  },
  mounted() {
    this.socket = new SockJS('http://localhost:8080/ws'); // 替换为你的 WebSocket 服务器地址

    this.socket.onopen = () => {
      console.log('WebSocket 连接已打开');
    };

    this.socket.onmessage = (event) => {
      this.messages.push(event.data);
    };

    this.socket.onclose = () => {
      console.log('WebSocket 连接已关闭');
    };
  },
  methods: {
    sendMessage(message) {
      this.socket.send(message);
    }
  }
};

上述代码中，我们在组件的 `mounted` 钩子函数中创建了一个 SockJS 实例，并在需要的时候发送消息。收到消息后，将其添加到 `messages` 数组中。

注意替换 `new SockJS` 中的地址为你的 WebSocket 服务器地址。你也可以根据需要添加其他事件处理程序，如错误处理等。

这只是一个简单的示例，你可以根据实际需求进行更多的自定义和封装。希望能对你有所帮助！如果还有其他问题，请随时提问。