今年年初找工作，好多gou面試官總喜歡問關于websocket通信的使用方式，此次又用到了，在此做個總結：主要包含websocket的具體使用方法，和重點：（心跳機制的使用），就是主要是前端實時監測websocket是否有斷連和數據的處理

在前端開發中，WebSocket 是一種常見的技術，用于實現客戶端與服務器之間的雙向通信。下面我將給出一個使用 Vue2 實現 WebSocket 連接的示例，并包括處理連接中斷以及實現心跳檢測的機制。

示例代碼：

首先，你需要在 Vue 組件或混合模塊中初始化 WebSocket 連接。以下是一個簡單的示例：
// 導入 Vue，如果你在 Vue 項目中，這通常不需要，因為 Vue 已經是全局對象或者導入了
// import Vue from 'vue'export default {name: 'WebSocketComponent', // 組件名稱data() {return {socket: null, // WebSocket 實例isConnected: false, // 連接狀態reconnectAttempts: 0, // 重連嘗試次數heartbeatTimer: null, // 心跳定時器timeoutTimer: null // 超時定時器};},created(