懒加载概念

懒加载：也叫延迟加载，即在需要的时候进行加载。

使用懒加载的原因

vue 是单页面应用，使用webpcak打包后的文件很大，这样使得用户访问首页时，加载的资源过多，页面会出现白屏的情况，不利于用户体验。运用懒加载后，就可以按需加载页面，提高用户体验。也就是说整个网页刚打开就去加载所有页面，路由懒加载就是只加载你当前点击的那个模块，按需去加载路由对应的资源，提高首屏加载速度。

• 这样可以有效解决 Vue 的首页白屏问题
• 一般来说，整个项目除了首页以外，其他页面全部应当使用懒加载

实现原理：将路由相关的组件，不再直接导入了，而是改写成异步组件的写法，只有当函数被调用的时候，才去加载对应的组件内容。

懒加载实现

在之前做的商城后台项目中，修改新闻管理模块路由为

import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '../views/Home.vue'
// 新闻模块，屏蔽当前引入
/...