【Vue-Router】路由懒加载的几种方式

import Home form './home.vue';
// ...
{
  name: 'Home',
  path: '/home',
  component: Home
}

{
  name: 'Home',
  path: '/home',
  component: resolve => require(['@/components/home'], resolve)
}

{
  name: 'Home',
  path: '/home',
  component: () => import('@/pages/Home/index.vue')
}

const Home = () => import( /* webpackChunkName: 'demo' */ , '@/pages/Home/index.vue')
const Login = () => import( /* webpackChunkName: 'demo' */ , '@/pages/Login/index.vue')
{
  name: 'Home',
  path: '/home',
  component: Home
},
{
  name: 'Login',
  path: '/login',
  component: Login
}