Ejemplo de cómo dividir las rutas de una aplicación VueJs con VueRouter

home.ts

import { RouteConfig } from 'vue-router';

const Home = () => import(/* webpackChunkName: "home" */ '../views/Home.vue');
const About = () => import(/* webpackChunkName: "about" */ '../views/About.vue');

export const HomeRoutes: RouteConfig[] = [
  {
    path: '/',
    name: 'home',
    component: Home,
  },
  {
    path: '/about',
    name: 'about',
    component: About,
  },
];

index.ts

import Vue from 'vue';
import VueRouter, { RouteConfig } from 'vue-router';

import { HomeRoutes } from './home';
import { ResourcesRoutes } from './resources';

Vue.use(VueRouter);

const routes: RouteConfig[] = [
  ...HomeRoutes,
  ...ResourcesRoutes,
];

export default new VueRouter({
  mode: 'history',
  routes,
});

resources.ts

import { RouteConfig } from 'vue-router';

const ResourcesIndex = () =>
  import(/* webpackChunkName: "resources" */ '../views/resources/Index.vue');
const ResourcesCreateOrUpdate = () =>
  import(/* webpackChunkName: "resources" */ '../views/resources/CreateOrUpdate.vue');

export const ResourcesRoutes: RouteConfig[] = [
  {
    path: '/resources',
    name: 'resources',
    component: ResourcesIndex,
  },
  {
    path: '/resources/add',
    name: 'resources-create',
    component: ResourcesCreateOrUpdate,
  },
  {
    path: '/resources/edit/:id',
    name: 'resources-edit',
    component: ResourcesCreateOrUpdate,
  },
];

router.ts

// Configuración sin división de rutas

import Vue from 'vue';
import Router from 'vue-router';

const Home = () => import(/* webpackChunkName: "home" */ './views/Home.vue');
const About = () => import(/* webpackChunkName: "about" */ './views/About.vue');
const ResourcesIndex = () => import(/* webpackChunkName: "resources" */ './views/resources/Index.vue');
const ResourcesCreateOrUpdate = () => import(/* webpackChunkName: "resources" */ './views/resources/CreateOrUpdate.vue');

Vue.use(Router);

export default new Router({
  mode: 'history',
  routes: [
    {
      path: '/',
      name: 'home',
      component: Home,
    },
    {
      path: '/about',
      name: 'about',
      component: About,
    },
    {
    path: '/resources',
    name: 'resources',
    component: ResourcesIndex,
    },
    {
      path: '/resources/add',
      name: 'resources-create',
      component: ResourcesCreateOrUpdate,
    },
    {
      path: '/resources/edit/:id',
      name: 'resources-edit',
      component: ResourcesCreateOrUpdate,
    },
  ],
});