路由懒加载的使用

app****.js（打包的是业务逻辑代码）会随着项目的进行越来越大，加载过慢的话，首页会出现短暂白屏的情况，为了解决这种情况，引用路由懒加载技术，把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件。

具体怎么写呢？

之前的写法是：

import Login from '@/components/Login'

routes: [{
      path: '/',
      redirect: '/login'
    },
    {
      path: '/login',
      component: Login
    },

使用路由懒加载应该这样写：

{
      path: '/login',
      component: () => import('@/components/Login')
    },

就可以了，打包的时候就会把这部分懒加载的路由组件分离出app*****.js

路由就用这样 的写法就好了 ，要习惯