WebSocket使用及在vue如何使用
1、在vue项目中不能直接使用web worker，需要使用vue-worker这个库。它提供了run、create等API方便我们使用。 在项目中安装完vue-worker后，需要先注册，注册完之后可以通过this.$worker来使用。
2、request.js 上方有一处关键的地方：上面的问题如果不做处理则会出现下图的报错 通常在实例化一个websocket对象之后，客户端就会与服务器进行连接。但是连接的状态是不确定的，于是用readyState属性来进行标识。
3、自己在使用C#搭建的界面是单页应用，所以需要使用vue中的vue-route做局部刷新，于是尝试element-plus结合route-view完成导航栏的搭建。
4、它包括：Node.js服务器库、浏览器的Javascript客户端库。
5、语音播放会有一个问题，因为浏览器做了限制，只有用户点击了当前页面，才能触发媒体播放。
6、使用REST API：C语言程序可以作为后端服务，提供一系列的RESTful API，供Vue前端进行调用。例如，Vue前端可以通过GET、POST、PUT、DELETE等HTTP请求，与C语言程序进行数据交互。
vue-native-websocket
request.js 上方有一处关键的地方：上面的问题如果不做处理则会出现下图的报错 通常在实例化一个websocket对象之后，客户端就会与服务器进行连接。但是连接的状态是不确定的，于是用readyState属性来进行标识。
WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。
WebSocket是一种基于TCP的协议，它允许在客户端和服务器之间进行双向通信。在Vue.js中，使用WebSocket可以实现以下的功能：服务端和客户端之间的实时数据传输：WebSocket可以实现服务端向客户端实时推送数据，从而实现实时通讯。
vuewebsocket不需要引安装包。vue中使用websocket不用额外安装websocket的包，因为HTML5中已经有了websocketAPI，所以也可以说是HTML5webscoket。
需要。WebSocket是一种在单个TCP连接上进行全双工通信的协议，针对vue项目的发送，类似于vue的组件间的通信需要先安装两个依赖包vue-socket.io用于vue中，WebSocket依赖是所必须的，毕竟要站在巨人的肩膀上进行开发。
语音播放会有一个问题，因为浏览器做了限制，只有用户点击了当前页面，才能触发媒体播放。
uniapp小程序webSocket封装、断线重连、心跳检测
最近在做 IOT 的项目，里面有个小程序要用到 webSocket ，借这个机会，封装了一个 uniapp小程序 适用的 Socket 类，包括断线重连，心跳检测等等，具体实现如下。
最近关于H5和APP的开发中使用到了webSocket，由于web/app有时候会出现网络不稳定或者服务端主动断开，这时候导致消息推送不了的情况，需要客户端进行重连。
最近在开发小程序用到了WebSocket，小程序提供了相应的原生API，与H5的API使用方式上有一些区别，所以流行的H5的一些成熟的类库使用起来有些困难，而原生API又存在一些缺陷，所以就自己实现了一套心跳重连机制。
目前在用VUE做一个网页,上面有个实时数据变化展示,如何才能做到不页面...
1、当页面初始化时候，vue会遍历data对象所有的属性，并使用object.defineProperty把这些属性全部转化为getter/setter，所以属性必须在 data 对象上存在才能让 Vue 转换它，这样才能让它是响应的。
2、题主是否想询问“vue同页面多个条件触发数据变化的方式”方式有使用计算属性、监听器、使用computed和watch结合。使用计算属性：可以在计算属性中根据不同的条件进行判断，从而返回不同的结果。
3、用一句话说呢，就是在当前页面再次跳转进入当前页面，要触发我们的渲染数据的流程。但是呢，vue-router中的特性是：只有在页面进行更新跳转后，才会重新触发我们的created，mounted生命周期。
Websocket在Vue中的使用
其中CONFIG.WEBSOCKET_URL为wensocket服务地址，_this.userData.user是登录用户的用户名，这样做为了保证不同用户的websocket地址的唯一性，防止消息发生混淆。
WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在 WebSocket API 中， 浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输 。
request.js 上方有一处关键的地方：上面的问题如果不做处理则会出现下图的报错 通常在实例化一个websocket对象之后，客户端就会与服务器进行连接。但是连接的状态是不确定的，于是用readyState属性来进行标识。