路由懒加载与组件复用问题

组件复用问题

路由懒加载

在你具体去哪个路由的时候，再加载对应组件

const router = new VueRouter({
  routes: [
    {
      path: '/',
      component: () => import('../views/Index/index.vue'),
      children: [
        {
          path: 'home',
          component: () => import('../views/Index/home.vue')
        },
        {
          path: 'about',
          component: () => import('../views/Index/about.vue')
        },
        {
          path: 'center',
          component: () => import('../views/Index/center.vue')
        },
        {
          path: '',
          redirect: '/home'
        }
      ]
    }]
    })