vue的懒加载方式

vue的懒加载

一、定义

	懒加载也叫延迟加载，即用到再加载，这样做使页面加载速度快，减轻服务器压力，节约流量，用户体验好。

二、方式

1. 异步加载的三种表现方法：

	1.  resolve => require([URL], resolve),支持性好
    2.  () => system.import(URL) , webpack2官网上已经声明将逐渐废除,不推荐使用 
    3.  () => import(URL)，webpack2官网推荐使用,属于es7范畴,

2. vue中的懒加载主要体现在以下
   （1）路由懒加载

	export default new Router({
	  routes:[
	    {
	     path: '/home',
	     name: 'home',
	      //懒加载
	     component: resolve => require(['../page/home/home.vue'], resolve),
	    },
	  ]
	})

（2）组件懒加载

	components: {
	  	historyTab:resolve => {
	  		require(['../../component/historyTab/historyTab.vue'],resolve)
	  	},   
	},

（3）全局懒加载

	Vue.component('mideaHeader', () => {
		System.import('./component/header/header.vue')
	})