Vue: Provide first class support for splitting code base into modules

What problem does this feature solve?

Coming from Angular 2 , one of the feature I really miss is the use of modules to divide my code base into logical units. Technically, I can still do this in Vue by providing the below as a router component:

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);
  }
};

This does work but I think it would be more intuitive if there was a clear separation between what a Vue Component and Module are. Specifically, a module would not provide a render method.

What does the proposed API look like?

There has been some good work toward this end here. I have also been testing my previous example of "module" here.

Ultimately, I think we could expect some basic support in Vue and then allow Vue Router and Vuex to extend it.