Vue: Brinde soporte de primera clase para dividir la base del código en módulos

¿Qué problema resuelve esta función?

Viniendo de Angular 2, una de las características que realmente extraño es el uso de módulos para dividir mi base de código en unidades lógicas. Técnicamente, todavía puedo hacer esto en Vue proporcionando lo siguiente como un componente del enrutador:

import Vue from 'vue';
import { routes } from './routes';

export const LazyModule: Vue.ComponentOptions<Vue> = {
  render: r => {
    console.log('rendering');
    return r('router-view');
  },
  created: function() {
    this.$router.addRoutes(routes);
  }
};

Esto funciona, pero creo que sería más intuitivo si hubiera una separación clara entre lo que son un Componente y un Módulo de Vue. Específicamente, un módulo no proporcionaría un método de renderizado.

¿Cómo se ve la API propuesta?

Ha habido un buen trabajo con este fin aquí . También he estado probando mi ejemplo anterior de "módulo" aquí .

En última instancia, creo que podríamos esperar un soporte básico en Vue y luego permitir que Vue Router y Vuex lo extiendan.