作用
可以通过路由懒加载,使首屏组件加载速度更快一些,解决白屏问题
所谓懒加载,也就是延迟或按需加载
方法
- 异步组件懒加载
{
path: 'permission',
name: 'permission',
component:: resolve => require(['@/views/permission.vue'], resolve)
}
- import方法(最常用)
{
path: 'permission',
name: 'permission',
component: ()=> import('@/views/permission.vue')
}
组件的加载也同理。
总之
异步加载
component:resolve=>([‘需要加载的路由的地址’,resolve])
import方法
import xx from ‘./xx’ 或 const xx= ()=>import("./xx");