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

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

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

1:非懒加载的路由写法

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


2.懒加载路由写法

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

相关文章:

  • 2022-12-23
  • 2021-12-12
  • 2021-05-10
  • 2021-09-24
  • 2023-03-02
  • 2023-03-19
  • 2022-12-23
猜你喜欢
  • 2021-11-13
  • 2021-12-28
  • 2022-12-23
相关资源
相似解决方案