Vue路由懒加载

为什么要使用路由懒加载?

懒加载也叫按需加载或者是延迟加载,当首次进入一个页面的时候不需要将无关内容页面展示,只需要展示用户当前页,分担首页加载的压力,以及加载时间
简单的说就是：首页只需要加载首页

使用import箭头函数引入和直接引入有什么区别?

　{           

　　　　 path: '/home',           

　　　　 name: 'home',           

　　　　 component: resolve => require(['../components/home'], resolve)       

　} 

const home = () => import('../components/home/home') 

require 是 AMD规范引入方式
import是es6的一个语法标准，如果要兼容浏览器的话必须转化成es5的语法

require是运行时调用，所以require理论上可以运用在代码的任何地方
import是编译时调用，所以必须放在文件开头

使用路由懒加载的写法，只会在进入当前这个路由时候才会走 component ，然后在运行import编译加载相应的组件
可以理解也是为通过Promise的resolve机制。因为Promise函数返回的Promise为resolve组件本身，而我们又可以使用import来导入组件