平时通常用的都是路由懒加载,但没有研究为什么要用路由懒加载,今天突然间看到了,所以简单总结下。
1、用路由懒加载的好处
使用路由懒加载后,在vue服务第一次加载时压力小一些,不会出现超长首页白屏问题。
2、怎么写路由懒加载
未使用路由懒加载: 使用import在一开始将组件直接引入,在component导入

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

按需引入,懒加载
当然,懒加载有两种方法,一种是import,另一种是require
component: () => import('./components/Home.vue')
component:resolve=>(require(['./components/Home.vue'],resolve))