vue路由配置的时候这种写法该怎么理解呢?

Question

在一个项目当中看到一个路由路径引入的写法,不知道该怎么理解.

//所有的component

let coms=[];

routes.map((path)=>{

coms.push({

path:path,

component:resolve => require([path==='/'?'@pages/login':'@pages'+path],resolve);

});

});

主要是里面的resolve => require([path==='/'?'@pages/login':'@pages'+path],resolve);不知道该怎么理解.

Answer 1

最开始这个地址对应的内容还没有在浏览器端，在请求道这个地址后，才去后台加载这个地址的内容

Answer 2

vue 异步组件

Answer 3

Vue路由懒加载是结合了异步组件和webpack代码分割功能实现的，简单地说就是可以使vue在初次加载时不用加载所有页面从而影响加载速度