echart vue 图表大小_cesium+vue,性能优化
平時在vue開發(fā)中,我們都習慣把所有數(shù)據(jù)掛載到vue的data對象上,這樣做大大簡化了我們的開發(fā)流程,響應(yīng)式數(shù)據(jù)簡直不要太爽
但是,針對地圖業(yè)務(wù)的開發(fā),使用了cesium這個開源庫的話,其實完全不建議把整個庫,這么龐大的對象直接掛載到vue的data對象上,因為data選項會把數(shù)據(jù)里面所有的屬性都轉(zhuǎn)換成get,set,所以這樣造成的后果就是嚴重影響系統(tǒng)運行效率
個人來說對于data選項來說,只適合存儲一些需要和界面響應(yīng)的數(shù)據(jù),如果有些數(shù)據(jù)完全不需要和界面聯(lián)動起來,那根本沒必要把這些數(shù)據(jù)保存在data選項里面
回到cesium+vue開發(fā)上來說,最好的方法就是,直接通過vuex把viewer對象掛載在window對象上就可以,這樣就可以全局獲取到viewer對象。另外一種方法是,如果沒用到vuex,可以通過bus事件的方式在每個組件間傳遞viewer對象
另外需要注意的是,cesium從1.63版本開始已經(jīng)重構(gòu)了各個模塊,拋棄了cmd模塊,采用了es6模塊,所以以上版本也可以按需引入,減少打包后的依賴大小,進而提高系統(tǒng)運行效率
最后再次提醒,vue組件的data選項,只存儲和UI關(guān)聯(lián)的數(shù)據(jù),沒關(guān)聯(lián)的一定不要存儲在data選項里面
總結(jié)
以上是生活随笔為你收集整理的echart vue 图表大小_cesium+vue,性能优化的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 失业金领取条件 到所辖社区办理
- 下一篇: 计算机-p命令,OD(电脑命令)_百度百