Websocket在Vue中的使用（统一Api封装）

依赖

使用

1.规范 socket api

2. 设置 url

3. 建立 socket 连接

websocket 连接应在打开页面时建立，关闭页面时销毁，所以应选择在入口文件建立。

4. 进入 socket 房间

为保证浏览器性能，房间应该在进入特定路由时建立，离开特定路由时退出，所以选择在路由守卫文件编写相关逻辑。

5. 监听数据

后端通过 WebSocket 发送的数据在前端页面渲染的部分，应在前端对应页面监听。

参考

WebSocket - Web Api 接口参考|MDN：

https://developer.mozilla.org/zh-CN/docs/Web/API/WebSocket

Socket.io：

https://socket.io/zh-CN/