懶加載：也叫延遲加載，即在需要的時候進行加載，隨用隨載。

企業(yè)建站必須是能夠以充分展現企業(yè)形象為主要目的，是企業(yè)文化與產品對外擴展宣傳的重要窗口，一個合格的網站不僅僅能為公司帶來巨大的互聯網上的收集和信息發(fā)布平臺，成都創(chuàng)新互聯公司面向各種領域：軟裝設計等成都網站設計、成都全網營銷解決方案、網站設計等建站排名服務。

 像vue這種單頁面應用，如果沒有應用懶加載，運用webpack打包后的文件將會異常的大，造成進入首頁時，需要加載的內容過多，時間過長，會出啊先長時間的白屏，即使做了loading也是不利于用戶體驗，而運用懶加載則可以將頁面進行劃分，需要的時候加載頁面，可以有效的分擔首頁所承擔的加載壓力，減少首頁加載用時。

簡單的說就是：進入首頁不用一次加載過多資源造成用時過長?。?！

懶加載的方式：

import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router)
//采用了懶加載
export default new Router({
 routes: [
 {
  path:'/',
  component:resolve => require(['@/components/index'],resolve)
 }
 ]
})

非懶加載的方式：

import Vue from 'vue'
import Router from 'vue-router'
import index from '@/components/index'
Vue.use(Router)
export default new Router({
 routes: [
 {
  path:'/',
  component:index
 }
 ]
})

下面看下vue-router路由懶加載

 用vue.js寫單頁面應用時，會出現打包后的JavaScript包非常大，影響頁面加載，我們可以利用路由的懶加載去優(yōu)化這個問題，當我們用到某個路由后，才去加載對應的組件，這樣就會更加高效，實現代碼如下：

import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router)
export default new Router({
 routes: [
 {
  path: '/',
  component: resolve => require(['components/Hello.vue'], resolve)
 },
 {
  path: '/about',
  component: resolve => require(['components/About.vue'], resolve)
 }
 ]
})

總結

以上所述是小編給大家介紹的vue-router懶加載速度緩慢問題及解決方法，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復大家的！

網站標題：vue-router懶加載速度緩慢問題及解決方法
網站鏈接：http://jinyejixie.com/article22/jjehjc.html

成都網站建設公司_創(chuàng)新互聯，為您提供網站改版、網站收錄、搜索引擎優(yōu)化、企業(yè)網站制作、關鍵詞優(yōu)化、電子商務

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯