路由懒加载与按需加载如何配置，为什么能提升性能？

[问答题]

WangYibo

路由懒加载通过import()动态导入语法，将不同的路由对应的组件分割成独立的代码块（chunk)，从而实现按需加载，极大的减少了初始包的体积，提升了首屏加载速度

发表于 2026-01-19 17:59:09 回复(0)

我从未看清

路由懒加载配置：箭头函数，配合import（）可以将需要分隔的路由打包成一个代码块。当访问首屏时，不会一次性加载所有代码块，提升首批性能，当跳转路由时，VueRouter会触发自身组件渲染的逻辑，执行箭头函数，调用import，浏览器就会发起请求下载该需要的代码块也就是js文件，然后等import成功返回对象时，获取组件定义，渲染到页面上。整个过程实现了按需加载，之将需要的代码块去加载，不去触发跳转路由时，不会加载。节省性能

发表于 2025-11-30 12:11:21 回复(0)