vue2實現路由懶加載
阿新 • • 發佈：2018-07-24
webpack scrip keep ron out script 首頁 ber keyword
requireAuth: true
}
一、什麽是懶加載
顧名思義，懶加載就是隨用隨加載，什麽時候需要就什麽時候加載。
二、為什麽需要懶加載
在單頁應用中，如果沒有使用懶加載，webpack打包後的文件會很大，這時進入首頁時的加載時間會很長，不利於良好的用戶體驗，而運用懶加載則可以將頁面進行劃分，需要的時候加載頁面，可以有效的分擔首頁所承擔的加載壓力，減少首頁加載所用的時間。
三、路由中懶加載機制的體現
const OldPhone = resolve => require(["@/pages/mine/OldPhoneEnsure"], resolve);
export default new Router({
routes: [
{ path: "/oldphone",
name: "oldphone",
component: OldPhone,
meta: {
title: "確認手機號",
keepAlive: false,
requireAuth: true
}
},
]
})vue2實現路由懶加載