Vue异步加载组件

1.异步加载组件就是在定义组件的时候什么都不做，只有当组件第一次使用的时候才进行加载和渲染。

2.实现的三种方式：

1）webpack代码分割。

        component：resolve => require(['@/component/helloworld'],resolve);（这里的@是相对路径，要看webpack的你自己是怎么配置的）

        这里的require是AMD规范的引入关键词，resolve是全部引入成功以后的回调函数，第一个参数是依赖， require会先引入依赖模块，再执行回调函数。

2）webpack2+es6。

        component：() => import('./component/helloworld')；

        import函数是es6里面的新方法，主要是进行异步加载的，返回一个promise对象。import命令能够接受什么参数，import()函数就能接受什么参数，两者区别主要是后者为动态加载。

3）webpack另一种代码分割。   

        这种方法好像比较受推荐，我在前辈写的项目中看到的也是这种写法。

       component： r => require.ensure([], () => r(require('./helloworld.vue')), 'group-foo')