官方对vue router懒加载的解释:
当打包构建应用时,Javascript 包会变得非常大,影响页面加载。假如我们能把不同路由对应的组件分割成不同的代码块,而后当路由被访问的时候才加载对应组件,这样就更加高效了。
代码如下:
export default new Router({ routes: [ { path: '/', name: 'login', component: Login }, { path: '/deputy-manage', name: 'userManage', component: resolve => require(['../page/userManage/deputyManage.vue'],resolve) }, { path: '/account-manage', name: 'accountManage', component: resolve => require(['../page/userManage/accountManage.vue'],resolve) }, ]})
懒加载则可以将页面进行划分,需要的时候加载页面,可以有效的分担首页所承担的加载压力,减少首页加载用时。