vue資料懶載入

2021-09-18 05:42:29 字數 330 閱讀 7627

需求:iview級聯元件載入本地區域資料時,由於資料量較大,壓縮後大概是153k,如果直接import引入資料,載入頁面的時候頁面會出現2到3秒的卡頓。

解決辦法:在級聯元件觸發下拉事件的時候載入資料。

**如下:

loadareadata())

.catch(error => );

}},

這樣還是會有問題,就是修改回顯還是要載入,還是會卡頓。

解決辦法,寫乙個非同步請求(什麼請求都可以,主要是讓資料載入和頁面載入不同步),請求後台,在請求成功以後,呼叫上面的loadareadata方法,這樣就不卡了,親測可行

vue路由懶載入及元件懶載入

一 為什麼要使用路由懶載入 為給客戶更好的客戶體驗,首屏元件載入速度更快一些,解決白屏問題。二 定義 懶載入簡單來說就是延遲載入或按需載入,即在需要的時候的時候進行載入。三 使用 常用的懶載入方式有兩種 即使用vue非同步元件和es中的import 1 未用懶載入,vue中路由 如下 import ...

vue路由懶載入

import vue from vue import vuerouter from vue router vue.use vuerouter var router new vuerouter routes name 登陸 path component resolve require.ensure r...

vue路由懶載入

方法一 resolve 這一種方法較常見。它主要是使用了resolve的非同步機制,用require代替了import,實現按需載入,下面是 示例 import vue from vue import router from vue router import helloworld from com...