路由按需加载--路由懒加载

平时通常用的都是路由懒加载,但没有研究为什么要用路由懒加载,今天突然间看到了,所以简单总结下。

1、用路由懒加载的好处

使用路由懒加载后,在vue服务第一次加载时压力小一些,不会出现超长首页白屏问题。

2、怎么写路由懒加载

未使用路由懒加载:  使用import在一开始将组件直接引入,在component导入

未使用路由懒加载

使用路由懒加载:在路由配置中按需引入,component中写一个函数,在调用函数的时候再引入

按需引入,懒加载

当然,懒加载有两种方法,一种是import,另一种是require

 component: () => import('./components/Home.vue')

component:resolve=>(require(['./components/Home.vue'],resolve))

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容