Vue: コードベースをモジュールに分割するためのファーストクラスのサポートを提供する

作成日 2017年07月04日  ·  4コメント  ·  ソース: vuejs/vue

この機能はどのような問題を解決しますか?

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コンポーネントとモジュールが明確に分離されていればより直感的になると思います。 具体的には、モジュールはレンダリングメソッドを提供しません。

提案されたAPIはどのように見えますか?

ここでは、この目的に向けていくつかの良い作業がありました。 以前の「モジュール」の例もここでテストしてい

最終的には、Vueでいくつかの基本的なサポートを期待し、VueルーターとVuexでそれを拡張できるようになると思います。

最も参考になるコメント

@patrickhousley 、あなたは見ることができます:
Vue非同期コンポーネント
Vueルーターの遅延読み込み
Vuex非同期モジュール(まだマージされていません)

ssrpwaを使用すると、コード分割と高性能の非常に便利なメカニズムが実現します。 たくさんあることは知っていますが、練習すればとても使いやすくなります。

全てのコメント4件

@patrickhousley 、こんにちは、Angular 2の経験はありません。モジュールとは何か、そのユースケースの例を説明してください。

IMO、Vue / Reactのようなフレームワークでは、アイデアは(ほぼ)すべてをComponent方法で考えようとしています。 そのため、 Moduleではなく、コンポーネントを合成することを好みます。

@jkzingこれをもっと見てから、私は同意します。 私が本当に探しているものはここで処理できると思い

@patrickhousley 、あなたは見ることができます:
Vue非同期コンポーネント
Vueルーターの遅延読み込み
Vuex非同期モジュール(まだマージされていません)

ssrpwaを使用すると、コード分割と高性能の非常に便利なメカニズムが実現します。 たくさんあることは知っていますが、練習すればとても使いやすくなります。

このページは役に立ちましたか?
0 / 5 - 0 評価