路由懒加载详解

官方解释

1、当打包构建应用时，Javascript包会变得非常大，影响页面加载
2、如果我们能把不用路由对应的组件分割成不用的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了

解读官方

路由中通常会定义很多不同的页面，一般放在js文件。但是页面这么多放在一个js文件中，必然会造成这个页面非常大，如果一次性从服务器请求下来这个页面，可能需要花费一定时间，甚至用户电脑上出现短暂空白情况，为避免这种情况，使用路由懒加载

路由懒加载具体做什么

1、路由懒加载的主要作用是将对应的组件打包成一个个的js代码块
2、只有在这个路由被访问到的时候，才加载对应的组件

懒加载书写方式

在ES6中，我们可以有更加简单的方法来组织Vue异步组件和Wepack的代码分割
const Home = （）=>import(’…/components’/Home.vue)