Vue: Fornece suporte de primeira classe para dividir a base de código em módulos

Qual problema esse recurso resolve?

Vindo do Angular 2, um dos recursos que realmente sinto falta é o uso de módulos para dividir minha base de código em unidades lógicas. Tecnicamente, ainda posso fazer isso no Vue fornecendo o seguinte como um componente do roteador:

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

Isso funciona, mas acho que seria mais intuitivo se houvesse uma separação clara entre o que são um componente e um módulo Vue. Especificamente, um módulo não forneceria um método de renderização.

Qual é a aparência da API proposta?

Tem havido um bom trabalho nesse sentido aqui . Também testei meu exemplo anterior de "módulo" aqui .

No final das contas, acho que podemos esperar algum suporte básico no Vue e então permitir que o Vue Router e a Vuex o estendam.