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에서 이를 확장할 수 있다고 생각합니다.