フロントエンド アプリのコンポーネント ベースのフレームワークを学習しようとしています。現在、RiotJS を使用していますが、同じ概念 (React、Angular 2.0 など) を使用するすべてのフレームワークに適用されます。
基本的な MVC フロントエンド フレームワーク (AngularJS など) では、コントローラーとルーターは互いに密接に接続されていました。しかし、コンポーネント ベースのフレームワークでは、ルーターとコントローラーの間の境界線がはるかに広くなります。そして、これが私を最も混乱させるものです。
私が構築しようとしているアプリの一例を次に示します。
ナビゲーション バー、コンテンツ エリア、サインイン フォームの 3 つの主要な UI 要素があります。そこで、my-navbar、my-content、my-signin という 3 つのコンポーネントを作成しました。コンポーネントごとに複数のルートを作成できました。たとえば、ルートが変更された場合、ナビゲーション バーはアクティブな「モジュール」を更新します。リスト アイテムのクラスを変更するだけなので、これを作成するのは簡単でした。
ここで、 内に他のタグをロードしたいと思います<my-content></my-content>。AngularJS では、常に (ui-router を使用して) ビューを完全に変更していました。コンポーネントベースのフレームワークでそれを達成するにはどうすればよいですか。my-content-users-list-view、my-content-users-detail-view という 2 つのコンポーネントがさらにあるとします。my-contentルートに基づいてコンポーネントに追加するにはどうすればよいですか? のように追加するだけdocument.innerHTML += '<my-content-users-list-view></my-content-users-list-view>ですか？
私の構文のほとんどが RiotJS であることは知っていますが、別のフレームワークの構文で記述していただければ理解できます。
ありがとうございました！