vue-socket.io 通信实时更新数据时,vue频繁触发渲染函数导致的cpu占用过高问题。
发布于 7天前 作者 hxx258456 322 次浏览 来自 分享
粉丝福利 : 关注VUE中文社区公众号,回复视频领取粉丝福利

场景: 物联网通信,后端采集硬件设备,然后通过socket.io传输到前端 问题: 因为vue的双向数据绑定不会检测到对象的索引复制,第一次尝试使用vue.set函数修改对象,触发渲染函数,但是,由于数据点比较多,socket.io事件频繁触发导致页面卡死,第二次想着替换set方法,使用了splice替换数组中的元素,但一样频繁触发了vue的渲染函数,导致页面非常卡顿,在这里请教大家,有什么解决方案吗 这个问题,可能更应该通过后端解决,但是因为自己前端经验不足想借着这个问题锻炼一下自己(后端也是我写的。。。),所以想问问大家,看大家有没有什么思路或者好的建议

1 回复

可以用object.assgin({},this.data)

回到顶部