1、什么是路由懒加载
懒加载简单来说就是延迟加载或按需加载,即在需要的时候的时候进行加载。 懒加载则可以将页面进行划分,需要的时候加载页面,可以有效的分担首页所承担的加载压力,减少首页加载用时。
2、懒加载的方法
常用的懒加载方式有两种:即使用ES中的import和vue异步组件。
2.1、ES中的import
方法如下:
component: () => import(/* webpackChunkName: “about” */ ‘…/views/About.vue’)
也就是说只有我们需要使用达到about页面的时候,才会去引入这个组件,这样就能够提高我们的性能。
2.2、vue异步组件实现懒加载
方法如下:
component:resolve=>(require([‘需要加载的路由的地址’]),resolve)