在ECharts图表的omMounted生命周期中调用echarts.init()方法创建ECharts实例。再利用window.addEventListener方法监听窗口的变化实现自适应效果。

在vue3使用WebSocket的正确姿势，此教程针对typescript，提供断线自动重连，断线数据重发，自动心跳，自定义消息发送机制

效果动态图 我们使用WebSocket写一个这样的小demo： 演示网址：http://ashuai.work:8888/#/WebSocket （点击跳转观看效果） 前端代码仓库地址：https:/

前言 WebSocket 是 Web 应用程序的传输协议，它提供了双向的，按序到达的数据流。 他是一个 Html5 协议，WebSocket 的连接是持久的，他通过在客户端和服务器之间保持双工连接，服

Vue 3 中的 WebSocket 使用 WebSocket 是一种在客户端和服务器之间进行全双工通信的协议。它提供了一种实时、持久的连接方式，可以用于实现实时数据更新、即时通讯等功能。在 Vue

此教程针对vue3+typescript中的websocket，提供断线自动重连，断线数据重发，自动心跳，自定义消息发送机制，可以满足大部分业务需要~

webSocket相关基础内容请查看 内容待更新 一、搭建node服务端 1、安装node环境 2、安装nodejs-websocket 控制台输入命令 3、新建socket.js文件 socket.

vite配置websocket。vite中文文档上没有描述的特别清楚，因此在使用过程中遇到了一些问题，在此处记录一下。

vue3+ts+Vuex中如何使用websocket协议 本文作者使用的是ts+vue3的setup语法糖，大家注意使用的vue版本！ 在stroe中 vue3中