虚拟路由器加载速度慢的问题及解决方案

延迟加载：也叫延迟加载，即需要时加载，需要时加载。

对于vue这样的单页应用，如果没有懒加载，那么用webpack打包的文件会异常大，导致进入主页时加载的内容过多，导致出现长白屏。即使加载完成，也不利于用户体验。但是懒加载可以在需要的时候进行分页加载，可以有效分担首页所承受的加载压力，减少首页的加载时间。

简单来说就是一次加载太多资源进入首页时间太长！

惰性加载模式：

从“vue”导入vue从“vue-router”导入router vue . use(router)//采用延迟加载导出默认新路由器({route: [{path3360'/'，component : resolve=require([' @/components/index ']，resolve)}])非延迟加载模式：

从“vue”导入Vue从“vue-router”导入Router从“@/components/index”导入index Vue . use(Router)导出默认的新路由器({route: [{path:'/'，components 3360 index }]})我们来看看vue-router路由的惰性加载

用vue.js编写单页应用程序时，打包的JavaScript包非常大，影响页面加载。我们可以通过延迟加载路线来优化这个问题。当我们使用某个路由时，我们会加载相应的组件，这样效率会更高。实现代码如下：

从“vue”导入Vue从“vue-router”导入Router Vue . use(Router)导出默认的新Router({ routers :[{ path : '/'，components : resolve=require([' components/hello . Vue ']，resolve)}，{path:'/about '，components : resolve=require([' components/about . Vue ']，resolve)})

以上是边肖推出的vue路由器加载速度慢的问题及解决方案。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你的！