什么是路由懒加载

路由懒加载，也叫延迟加载或按需加载，是在需要的时候进行加载的一种技术。在单页应用中，运用懒加载技术，可以将页面进行划分，需要的时候进行加载对应的页面，有效的减小首屏页面加载的资源大小。

在 Vue.js 中，懒加载可以帮助你减小应用的初始加载大小，并在路由被访问时再加载对应的组件。这可以通过使用 Vue 的异步组件和 Webpack 的代码分割功能来实现。

实现路由懒加载的方式

1. Vue异步加载技术

import VueRouter from 'vue-router';
import Vue from 'vue';
Vue.use(VueRouter);
const router = new VueRouter({
 routes: [
    {
      component: resolve => require('@/views/xxx.vue', resolve)
    }
  ]
 }
)

2.通过import()方式

import VueRouter from 'vue-router';
import Vue from 'vue';
Vue.use(VueRouter);
const router = new VueRouter({
 routes: [
    {
      component: () => import('@/views/xxx.vue')
    }
  ]
 }
)

3. webpack提供的require.ensure实现懒加载

import VueRouter from 'vue-router';
import Vue from 'vue';
Vue.use(VueRouter);
const router = new VueRouter({
 routes: [
    {
      component: (resolve ) => require.ensure(['@/views/xxx.vue'], () => {
  resove(require('@/views/xxx.vue'))
 })
    }
  ]
 }
)