基于VUE的前端请求和更新数据的插件iwebData实现方法

摘要

本发明公开了一种基于VUE的前端请求和更新数据的插件iwebData实现方法。本方法通过对vuex中的方法的管理调用和websocket模块的封装，实现了请求一次数据后，请求的数据自动更新，并且自动更新视图的功能。本发明通过对原有websocket对象的封装以及和后台约定的协议，实现了前端对websocket事件的实时订阅功能，前端在通过异步请求初始化数据后可以手动的订阅该数据websocket更新服务，也可以关闭该数据的推送服务，同时也解决了VUE单页面应用中HTTP异步请求后台数据返回结果和websocket推送事件数据的时间差导致的数据错误问题。由于数据更新服务的websocket事件是根据不同的客户端分别订阅的，所以使用该插件避免了后端向所有会话中的客户端不停地广播所有事件，大大地减少了websocket事件的冗余，也降低了后台的资源占用。