Vue路由懒加载

路由懒加载

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

  实现懒加载

起初是这样的：
  import HelloWorld  '@/components/HelloWorld '

   routes: [
    {
      path: '/HelloWorld',
      name: 'HelloWorld',
      component: HelloWorld  ,
    }
   ]

现在改为：

    {
      path:'/HelloWorld',
      name:'HelloWorld',
      components:{
        default: () => import('@/components/HelloWorld')
      }    
    }


这样就可以实现路由懒加载了！！！