Vue中使用websocket传输数据
1、WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在 WebSocket API 中， 浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输 。
2、在 Vue.js 应用程序的代码中，使用 WebSocket API 来建立一个 WebSocket 连接。在建立连接后，Vue.js 应用程序可以向服务器发送消息或接收消息，而不必刷新页面或重新加载数据。
3、websocket 主要用于实时传输少量数据，不能一次性传送大段数据。不然 websocket 连接会直接中断。
4、关闭连接：使用WebSocket API中的close()方法关闭WebSocket连接。在客户端中，您可以使用以下代码来关闭连接：Copy socket.close()；服务器端编写：在服务器端，您需要使用WebSocket库来处理WebSocket连接和消息传输。
vue使用protobuf+websocket
客户端需要与服务器进行握手（http协议） 确认websocket连接，也就是说在处理websocket请求前，必需要处理一些http请求。
并重新编译。使用反射： class.forName(person).newInstance()； 而且这个类描述可以写到配置文件中，如 **.xml， 这样如果想实例化其他类，只要修改配置文件的类描述就可以了，不需要重新修改代码并编译。
unity在lua中用protobuf可以在PC或者移动设备上使用。lua-protobuf的高层接口：pb.dll提供四个模块：pb模块：高层接口，提供和pbc兼容的encode/decode接口。
编译后protobuf形成对应的文件，加入工程，创建你的消息对象，给里面的成员赋值，然后将这个对象转化为字节流，用socket函数直接write出去即可。
NioDatagramChannel中channel读写的对象都是DatagramPacket。而ProtobufDecoder与ProtobufEncoder是将protoBuf对象MessageLiteOrBuilder跟ByteBuf进行转换，所以两者是不能直接结合使用的。
下载一个protobuf-java-jar文件(注意，要与你刚才下的proto.exe版本相同)然后就开始开发了。
Vue中使用websocket的正确使用方法
1、vuecli使用script引入js时，需要在index.html中插入script标签，然后在webpack.base.conf.js的externals定义对应的key，然后在组件中使用时可以通过require的方式引入。
2、下载打开VUE，进入页面。选择左上角的设置，你就可以在其中更改拍摄的画幅、时间设置。还能通过右上角直接调用本地的视频资源进行制作。还能在视频画面中添加logo。
3、目前网上对于vue-awesome-swiper的使用方法各种坑，要么版本对不上，要么swiper.css引用地址不对，要么swiper-pagination不显示，要么自动轮播失效，反正各种坑让人火大。下面介绍一下自己亲测可用的正确使用方法。
vue写websocket需要引依赖包吗
vuewebsocket不需要引安装包。vue中使用websocket不用额外安装websocket的包，因为HTML5中已经有了websocketAPI，所以也可以说是HTML5webscoket。
如果某些旧版本的浏览器不支持 WebSocket，socket.io 会使用轮询代替。另外它还具有可发送二进制消息、多路复用、创建房间等特性，因此相比直接使用原生 WebSocket，socket.io 是更好的选择。
安装vue依赖包 熟悉vue的同学，做完上面两步，vue开发环境基本就搭建好了。不过，今天我们是要搭建内网环境，现在才刚开始。
长连接：WebSocket采用长连接的方式，使得客户端和服务端之间可以保持长时间的通讯，而不需要频繁地建立和关闭连接。在Vue.js中，实现WebSocket通信的步骤如下：在Vue.js应用程序中引入WebSocket库，如Socket.IO。
脚手架直接完成的包在某种程度上来说确实有些冗余。如果想要减轻依赖，可以尝试simple方式，就是 vue init webpack-simple XXX来创建项目。
具体实现步骤如下：使用 npm 命令安装 vue-websocket 插件。在 Vue.js 应用程序的代码中，使用 import 语句导入 vue-websocket 插件。