Vue項目性能優(yōu)化

為什么要進(jìn)行性能優(yōu)化

目的:做vue的項目開發(fā)也有一段時間,一開始只考慮基本功能的實現(xiàn),現(xiàn)在看到自己的代碼就會想,有沒有更簡便高效的方法;網(wǎng)站好像打開有點慢,是不是優(yōu)化一下?

優(yōu)化方法:在19年3月的時候,Vue開發(fā)者大會上,有個大佬發(fā)布了名為Vue優(yōu)化9法的主題

Ⅰ.函數(shù)型組件:

?.實際應(yīng)用:用來定義那些沒有響應(yīng)數(shù)據(jù),也不需要有任何生命周期的場景,它只接受一些props來顯示組件。如果你的業(yè)務(wù)組件是一個純展示且不需要有響應(yīng)式數(shù)據(jù)狀態(tài)的處理的,那函數(shù)式組件會是一個非常好的選擇

?.函數(shù)型組件和普通組件的區(qū)別:

  • 渲染快
  • 沒有實例,也就是說this無法調(diào)用vue實例
  • 沒有生命周期和響應(yīng)式數(shù)據(jù)

?.使用方法

?

Ⅱ.子組件拆分:

Ⅲ.局部變量

Ⅳ.或用v-show,減少v-if

Ⅴ.使用keep-alive

Ⅵ.活用延遲裝載(Defer)

Ⅶ.分批處理(Time slicing)

Ⅷ.非響應(yīng)模式(non-reactive)

Ⅸ.僅渲染可視化部分

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容