Vue.js -在Websocket上使用Promises？

// 创建一个Promise对象，用于封装Websocket连接
const connectToWebsocket = () => {
  return new Promise((resolve, reject) => {
    const socket = new WebSocket('ws://example.com');

    socket.onopen = () => {
      resolve(socket); // 连接成功时，将socket对象传递给resolve函数
    };

    socket.onerror = (error) => {
      reject(error); // 连接失败时，将错误信息传递给reject函数
    };
  });
};

// 在Vue组件中使用Websocket
export default {
  data() {
    return {
      messages: []
    };
  },
  mounted() {
    connectToWebsocket()
      .then((socket) => {
        // 连接成功后，可以监听Websocket的消息事件
        socket.onmessage = (event) => {
          this.messages.push(event.data);
        };
      })
      .catch((error) => {
        console.error('Websocket连接失败:', error);
      });
  }
};