H5W3
当前位置:H5W3 > JavaScript > Vue相关 > 正文

Vue项目利用websocket实时通讯watch监听

主要使用watch监听消息,实时在页面中显示,若连接过程中,某一些时间点,终端返回的消息数量突增并且数据很多,易造成渲染次数过多,容易造成页面崩溃,有没有什么解决办法

回答

因为 vue 是数据驱动视图,所以只要数据变了,下一次空闲就会更新视图。

既然知道视图渲染的原理,那么我从源头上解决。

  1. 节流,每 300ms 同步一次数据
    消息不是websocket来的吗?收到以后 push 到数组。然后触发一次 fun(有节流)。
    这样的话操作就从异步变成了同步,只会触发一次渲染
  2. 服务端合并,比如说weboscket只是发过来一个消息通知,然后可以通过其他手段二次拉取数据。

未经允许不得转载:H5W3 » Vue项目利用websocket实时通讯watch监听

赞 (0)

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址