在Vue项目中使用WebSocket技术

WebSocket 协议自2008年诞生2011年成为国际标准以来。目前所有浏览器都已经支持了。因此我们不需要担心在项目中使用是否会有其他问题，WebSocket实现了浏览器与服务器全双工通信，服务器可以主动向客户端推送信息，客户端也可以主动向服务器发送信息。

MDN上面有详细的文档，这里就不过多介绍，我们直接在vue项目上使用WebSocket，其实可以借助库实现，但是这个项目我们使用原生的，毕竟代码不多，也没必要在安装个依赖。 WebSocket属性很多，用到了onopen、onerror、onmessage和onclose，在 methods方法中定义几个函数。 // socket连接成功
open() {
  console. log( "socket连接成功");
},
// socket连接失败
error() {
  console. log( "连接错误");