vue中的懒加载和按需加载，包括路由懒加载，子组件懒加载

一、 什么是懒加载

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

二、为什么需要懒加载

      在单页应用中，如果没有应用懒加载，运用webpack打包后的文件将会异常的大，造成进入首页时，需要加载的内容过多，延时过长，不利于用户体验，而运用懒加载则可以将页面进行划分，需要的时候加载页面，可以有效的分担首页所承担的加载压力，减少首页加载用时

 

1.路由懒加载：

export default new Router({

routes:[

{

path: '/my',

name: 'my',

//懒加载

component: resolve => require(['../page/my/my.vue'], resolve),

},

]

})

2.组件懒加载：

components: {

historyTab:resolve => {

require(['../../component/historyTab/historyTab.vue'],resolve)

},

},

3. 全局懒加载：

Vue.component('mideaHeader', () => {

System.import('./component/header/header.vue')

})