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')
网友评论