vue 路由懒加载

路由加载有两种方式：
1，通过 import 方式引入组件（非懒加载）
eg: import home from ‘…/views/Home.vue’
2，通过require 方式引入组件（懒加载）
eg: const Index = resolve => require([’@/pages/index’], resolve)

由于打包构建应用时，JavaScript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了，于是就产生了路由懒加载
如果用import引入的话，当项目打包时路由里的所有component都会打包在一个js中，造成进入首页时，需要加载的内容过多，时间相对比较长。而用require会将component分别打包成不同的js，按需加载，访问此路由时才会加载这个js，所以就避免进入首页时加载内容过多！

应用实例：
const Home = resolve => require([’@/pages/home’], resolve)
export const routes = [
{ path: ‘home’,
name:home
component: Home ,
children: []
}
]