官方对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)
},
]
})
懒加载则可以将页面进行划分,需要的时候加载页面,可以有效的分担首页所承担的加载压力,减少首页加载用时。