vue項目-各類卡頓問題記錄

1、慎重修改prop傳來的對象數據

父子組件,是通過prop組件來實現通信的。如果是個基礎類型,在子組件修改了prop的值,vue會報錯。但是如果是引用類型,不會報錯,甚至還給你修改了。當我們使用父組件傳來的prop對象來構建視圖,並有修改操作的時候,你會發現,會卡,會卡,會卡。。。。所以不要直接使用傳來的值做更新操作,可以深拷貝一下再更新~

2、慎重使用計算屬性

計算屬性一般就是用來通過其他的數據算出一個新數據,而且它有一個好處就是,它把新的數據緩存下來了,當其他的依賴數據沒有發生改變,它調用的是緩存的數據,這就極大的提高了我們程序的性能。聽起來很nice 對不對,但是也不要濫用丫!近期做的一個項目,將數組對象作爲計算屬性,數組對象是用來更新視圖的,結果出現的就是:
修改了其中任一個對象中的一個值,就會執行一次更新,然後你會發現,數據量較大的時候,會卡,會卡,會卡所以類似常用的數組對象類的值還是不要用計算屬性了~

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章