VUE中 怎么判断WebSocket是否正常连接，是否为空？

在Vue.js中，通常会通过JavaScript的事件和状态管理来检测WebSocket连接的状态。下面是一种常见的做法：

1. **创建WebSocket实例**：
首先，在Vue组件内部初始化WebSocket连接，比如：

   const socket = new WebSocket('ws://your-websocket-url');

2. **监听连接状态变化**：
使用`WebSocket`对象的`open`和`close`事件，当连接打开（`open`）和关闭（`close`）时，你可以更新组件内的状态：

   socket.addEventListener('open', () => {
     this.isConnected = true;
   });

   socket.addEventListener('close', (event) => {
     if (event.code === 1006) { // 无明确原因的断开
       this.isConnected = false;
     } else {
       this.isConnected = event.wasClean; // 判断是否正常断开
     }
   });

3. **检查连接是否为空**：
如果你想确认WebSocket实例是否存在（非空），可以直接查看变量`socket`是否为null：

   if (!socket || socket.readyState !== WebSocket.OPEN) {
     this.isConnected = false;
   }

`readyState`属性表示连接的状态，`WebSocket.OPEN`表示已连接。

4. **状态管理**：
将上述逻辑放在Vue的响应式数据或计算属性里，这样当你需要在模板中显示连接状态时，它会被自动更新。

**