使用vue-router懒加载解决首次加载时资源过多导致的速度缓慢问题

使用vue-router懒加载解决首次加载时资源过多导致的速度缓慢问题

当你的SPA(单页应用程序)变得复杂时,打包构建后的Javascript包会变得非常大,以至于严重影响页面的加载时间。vue-router支持WebPack内置的异步模块加载系统。所以,那些使用较少的路由组件不必打包进bundles里,只需要在路由被访问时按需加载。

以下以一个简单的例子展示:

1:非懒加载的路由写法



2.懒加载路由写法

猜你喜欢

转载自blog.csdn.net/wandoumm/article/details/80256198