单页面应用中vue-router实现懒加载（按需加载）

一般写vue-router的时候是这样的：

{
  path:'/page',
  component:require('./view/page.vue')
}

这样写是在打开首页时把router里页面内容全部一次性加载进来。
如果页面比较多，一次性加载在一些场景下会影响效率（比如一些不常用的页面没必要跟着首页一起加载），如何避免一次性加载做到懒加载呢?也就是在请求到该页面时才会去加载这个页面。

{
  path:'/page',
  component:(resolve) => require(['./view/page.vue'],resolve)
}

上面这种写法，webpack会把每一个路由都打包为一个js文件，在请求到该页面时，才会去加载这个页面的js，这种方式可以叫做异步路由。