Vue: Berikan dukungan kelas satu untuk membagi basis kode menjadi modul

Masalah apa yang dipecahkan fitur ini?

Berasal dari Angular 2 , salah satu fitur yang sangat saya rindukan adalah penggunaan modul untuk membagi basis kode saya menjadi unit logis. Secara teknis, saya masih bisa melakukan ini di Vue dengan menyediakan yang di bawah ini sebagai komponen router:

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

Ini berhasil tetapi saya pikir akan lebih intuitif jika ada pemisahan yang jelas antara apa itu Komponen dan Modul Vue. Secara khusus, modul tidak akan menyediakan metode render.

Seperti apa tampilan API yang diusulkan?

Ada beberapa pekerjaan yang baik menuju tujuan ini di sini . Saya juga telah menguji contoh "modul" saya sebelumnya di sini .

Pada akhirnya, saya pikir kita dapat mengharapkan beberapa dukungan dasar di Vue dan kemudian mengizinkan Vue Router dan Vuex untuk memperluasnya.