setup(props) {
    // 1.建立鏈接 -- 攜帶cookie參數(shù)
    var ws = new WebSocket(
      `ws://localhost:9000/judge/submit?satoken=${cookieValue}`
    );
    
    // 2. ws.send()給服務(wù)器發(fā)送信息
    let submitCode = JSON.stringify({
     userId: id,
      problemId: props.problemId,
      isDebug: "0",
      lang: lang.value,
      code: code.value,
      info: "",
    });

    ws.send(submitCode);
    
    // 3.服務(wù)器每次返回信息都會(huì)執(zhí)行一次onmessage方法
    ws.onmessage = function (e) {
      console.log("服務(wù)器返回的信息: " + e.data);
      if (e.data === "judging") {
        showTitleClass.color = "green";
        showTitle.value = "judging...";
        showRes.value = "";
      } else if (e.data === "connected") {
        showTitleClass.color = "green";
        showTitle.value = "";
      } 
    };
	// 4.卸載前, 關(guān)閉鏈接
    onUnmounted(() => {
      ws.close();
    });
  },

// 執(zhí)行完本語(yǔ)句,客戶(hù)端就會(huì)與服務(wù)器進(jìn)行連接。
var ws = new WebSocket("wss://echo.websocket.org");

ws.onopen = function(evt) { 
  console.log("Connection open ..."); 
  ws.send("Hello WebSockets!");
};
// 若需要多個(gè)回調(diào)  實(shí)例.addEventListener
// ws.addEventListener('open', function (event) {
//  ws.send('Hello Server!');
// });

ws.onmessage = function(evt) {
  console.log( "Received Message: " + evt.data);
  ws.close();
};

ws.onclose = function(evt) {
  console.log("Connection closed.");
};