admin管理员组

文章数量:1581057

原因

Cesium + Vue开发中当把Cesium的对象放入到 store、data、computed中，会引起Cesium帧率严重下降的问题。
特别是再加载离子系统时，帧率会降到0，好恐怖。
主要原因是因为Vue的双向绑定机制，放在data里面的Cesium对象被监控拦截。

区分情况

一般情况只加载简单地址可以忽略这问题，基本不会影像使用。
但是当做光照阴影显示、离子效果等这种很炫酷的效果，会发现帧率掉的很严重，甚至卡死。

办法

解决办法也很简单粗暴，就是避免将Cesium的任何对象放入data、store中。
将对象放到window对象中，这样子也方便使用。

后续

最开始开发系统时候，听说过这个问题，但是没注意。知道离子系统加载发现必须修改。
导致重构了很多代码，所以再做这类开发还是提早考虑为好，免得重构心态崩。

本文标签： 数据Cesiumvue

版权声明：本文标题：Cesium+Vue 数据拦截引起的卡顿 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.elefans.com/dianzi/1727872807a1134935.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。