vue效能優化

2022-06-09 15:09:12 字數 446 閱讀 1240

其實效能優化呢是個非常大的話題,只是自己在工作中確實會碰到一下,頁面載入慢呢,一部分是邏輯問題,一部分是網路問題,還有就是確實資料太多,dom元素太多了。

1,在網上搜尋vue長列表渲染,推薦的方案有object.freeze() ,後來呢,看到黃軼大神的解答,就是說可以把那些只用於展示的,並且比較長的列表資料,在crated鉤子中繫結到this身上,不一定需要寫在data裡面,

2,在被復用的元件中,通過eventbus傳送的訊息,需要在beforedestory鉤子中解綁,解綁的方法也比較簡單,看例子:

如果不取消,那麼這個元件被啟用幾次,那麼事件監聽中的**函式就會執行幾次,比如,a,b頁面都使用了這個元件,在a,b元件之前切換時,元件中監聽的事件會累加,嚴重影響頁面效能,所以這裡的取消監聽是非常有必要的

當實踐到好的方法的時候在過來新增,上面的方法還需要實際驗證一下。後面繼續補充吧

Vue效能優化

而正是這種做法引發了效能問題,要初始化乙個父元件,必然需要先初始化它的子元件,而子元件又有它自己的子元件。那麼要初始化根標籤,就需要從底層開始冒泡,將頁面所有元件都初始化完。所以我們的頁面會在所有元件都初始化完才開始顯示。這個結果顯然不是我們要的,更好的結果是頁面可以從上到下按順序流式渲染,這樣可能...

Vue效能優化

1 我們可以直接在data函式return之前直接this.的方式掛在例項上,在methods中還可以訪問,但是又不會觸發響應式跟蹤 改寫後變成這樣 data 2 v if和v show if根本不會渲染該元素,所以某些想藏起來的htlm元素盡量用v if 而一些可能通過不同切換來實現顯隱的就可以用...

Vue效能優化

今天來談一談vue中一些效能優化的問題,僅僅是個人使用中的一些小心得,來,今天我一句廢話不多說,直接上內容好吧 1.v if和v show的使用,我們都知道這兩個都可以控制顯隱,那我們用哪個呢,個人覺得要從兩個方面入手來確定使用哪個,1.許可權的問題,只要涉及到許可權相關的展示用v if比較好 2....