Vue: Обеспечьте первоклассную поддержку для разделения базы кода на модули

Какую проблему решает эта функция?

Исходя из Angular 2, одна из особенностей, которых мне очень не хватает, - это использование модулей для разделения моей кодовой базы на логические единицы. Технически я все еще могу сделать это во Vue, предоставив в качестве компонента маршрутизатора следующее:

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

Это действительно работает, но я думаю, что было бы более интуитивно понятно, если бы было четкое разделение между компонентом Vue и модулем. В частности, модуль не предоставляет метод рендеринга.

Как выглядит предлагаемый API?

С этой целью здесь была проделана хорошая работа. Кроме того, я тестировал мой предыдущий пример «модуль» здесь .

В конечном итоге, я думаю, мы могли бы ожидать некоторой базовой поддержки в Vue, а затем позволить Vue Router и Vuex расширить ее.