Angular 2から来て、私が本当に見逃している機能の1つは、モジュールを使用してコードベースを論理ユニットに分割することです。 技術的には、ルーターコンポーネントとして以下を提供することで、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コンポーネントとモジュールが明確に分離されていればより直感的になると思います。 具体的には、モジュールはレンダリングメソッドを提供しません。
ここでは、この目的に向けていくつかの良い作業がありました。 以前の「モジュール」の例もここでテストしてい
最終的には、Vueでいくつかの基本的なサポートを期待し、VueルーターとVuexでそれを拡張できるようになると思います。
@patrickhousley 、こんにちは、Angular 2の経験はありません。モジュールとは何か、そのユースケースの例を説明してください。
IMO、Vue / Reactのようなフレームワークでは、アイデアは(ほぼ)すべてをComponent
方法で考えようとしています。 そのため、 Module
ではなく、コンポーネントを合成することを好みます。
@jkzingこれをもっと見てから、私は同意します。 私が本当に探しているものはここで処理できると思い
@patrickhousley 、あなたは見ることができます:
Vue非同期コンポーネント
Vueルーターの遅延読み込み
Vuex非同期モジュール(まだマージされていません)
ssrとpwaを使用すると、コード分割と高性能の非常に便利なメカニズムが実現します。 たくさんあることは知っていますが、練習すればとても使いやすくなります。
最も参考になるコメント
@patrickhousley 、あなたは見ることができます:
Vue非同期コンポーネント
Vueルーターの遅延読み込み
Vuex非同期モジュール(まだマージされていません)
ssrとpwaを使用すると、コード分割と高性能の非常に便利なメカニズムが実現します。 たくさんあることは知っていますが、練習すればとても使いやすくなります。