為什么要進(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)
Ⅸ.僅渲染可視化部分