ルーティング モデルを選択し、ルーティング データを保存する

Question

私は自動化されたアクティビティの包括的なシステムのようなことをやろうとしています。プログラムには多くのモジュールが必要です。 Windowsの原則に従って整理するつもりです。必要に応じて、新しいモジュールを開いてから閉じることも、閉じずに新しいモジュールを開いて後で戻ることもできます。

＃＃＃例えば。利用可能なデジタル ドキュメントのリストのモジュールを開きます。目的の項目を選択し、「編集」をクリックすると、編集フォームが起動します。情報ガイドを開いて必要なデータを確認し、フォームに戻ります。これはすべて Windows タスクバーと同様に行われます。

私は建築の仕事をしています。 vue-router を通じてモジュールをロードします。キープアライブを使用して非アクティブなモジュール データを保存できますが、管理オプションは限られています。保持するキャッシュの数のみを指定できますが、一部のキャッシュはクリアできず、すべてのデータが保持されます。一方で、保持するデータの量と、古くなったら不要になるデータを選択できるようにしたいと考えています。電力の低いコンピュータ上で大規模なアプリケーションの速度が低下したり、フリーズしたりしないか心配です。実装が簡単である一方で、リソースをより効率的に使用します。

アクティブな状態選択を保持したり、状態データを別の構造に保存したりすることに加えて、他のオプションも検討できます。たとえば、モジュールを別のタブで開き、データ管理をブラウザに転送します。あるいは、v-show ディレクティブを使用して未使用のモジュールを一時的に非表示にし、動的に追加されたコンポーネント配列「components」内のモジュールを開くオプションを実装することもできます。モジュールをダイアログ ボックスにロードできます。他にも検討できるオプションがあります。それらのいずれかを選択した場合、それに対応するデメリットを負わなければなりません。

各オプションのテスト バージョンを作成して評価テストを実行するのは、非常に時間のかかる作業です。ご提案をお待ちしております。

Answer 1

あなたのユースケースでは、v-if と v-show を使用すると、ダイアログまたはその他のコンポーネント (タブなど) が単純に機能すると思います。 DOM 内に保持したいコンテンツには v-show を使用し、ユーザーがコンテンツを閉じた後に破棄したいコンテンツには v-if を使用できます。

#v-if と v-show の違いについては、ここのドキュメントを参照してください。