vue 路由懒加载

官方对vue router懒加载的解释：

当打包构建应用时，Javascript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。

代码如下：

export default new Router({
  routes: [
    {
      path: '/',
      name: 'login',
      component: Login
    },
    {
      path: '/deputy-manage',
      name: 'userManage',
      component: resolve => require(['../page/userManage/deputyManage.vue'],resolve)
    },
    {
      path: '/account-manage',
      name: 'accountManage',
      component: resolve => require(['../page/userManage/accountManage.vue'],resolve)
    },
  ]
})

懒加载则可以将页面进行划分，需要的时候加载页面，可以有效的分担首页所承担的加载压力，减少首页加载用时。

转载于:https://www.jianshu.com/p/fd962e6997ef