vue效能優化之keep alive

2021-08-28 22:51:04 字數 440 閱讀 1373

路由被切換的時候會重新傳送ajax請求。mounted鉤子函式會被重新執行

vue自帶標籤 kepp-alvie  

keep-alvie  :

路由內容載入一次後,就把路由內容放在記憶體中(相當於cookie),下次載入的時候就不用傳送ajax請求了

當我們需要重新傳送ajax請求時 

當我們使用keep-alvie 時候 元件會多乙個鉤子函式  activaed

activaed(){}

鉤子函式會在頁面重新顯示的時候執行。

我們可也可以在keep-alive 標籤中新增 exclude(新增對應的元件名)

深入**文章

vue之效能優化

模組化 封裝成元件,減少 冗餘,每個元件有明確含義,復用性越高越好,可配置性越高越好,包括css。for迴圈設定key 迴圈時新增key,便於呢行 更好找到該條資料,新舊值相比時可以更快的定位到diff。路由懶載入 首屏渲染時能夠加快渲染速度 避免記憶體洩漏 使用過後的全域性變數在元件銷毀後重新置為...

Vue之效能優化

一 原始碼優化 1 模組化,咱們可以把很多常用的地方封裝成單獨的元件,在需要用到的地方引用,而不是寫過多重複的 每乙個元件都要明確含義,復用性越高越好,可配置型越強越好,包括咱們的css也可以通過less和sass的自定義css變數來減少重複 2 for迴圈設定key值,在用v for進行資料遍歷渲...

Vue之效能優化

小編這一期跟大家講一下關於優化vue效能相關的知識,vue眾所周知,是乙個輕量級的框架,原始碼僅僅為72.9kb,但是也有它自己的缺點,就是首屏載入會比較慢,因為和傳統專案相比,vue會在首屏載入的時候載入出所有的元件和外掛程式,並且向伺服器請求資料,導致可能有時候首屏載入的時間就會到4 5秒的樣子...