Wählen Sie ein Routing-Modell und speichern Sie Routing-Daten

Question

Ich versuche so etwas wie ein umfassendes System zur Automatisierung von Aktivitäten zu schaffen. Das Programm sollte viele Module haben. Ich habe vor, sie nach den Windows-Prinzipien zu organisieren. Bei Bedarf können Sie ein neues Modul öffnen, das Sie dann schließen können, oder ein neues Modul öffnen, ohne es zu schließen, und später zurückkehren.

Zum Beispiel. Ich öffne das Modul für die Liste der verfügbaren digitalen Dokumente. Ich wähle das gewünschte Element aus und klicke auf Bearbeiten, wodurch das Bearbeitungsformular geöffnet wird. Ich öffne einen beliebigen Informationsleitfaden, überprüfe die erforderlichen Daten und kehre dann zum Formular zurück. Dies geschieht alles analog zur Windows-Taskleiste.

Ich studiere Architektur. Wir laden das Modul über den Vue-Router. Sie können Keep-Alive zum Speichern inaktiver Moduldaten verwenden, die Verwaltungsoptionen sind jedoch begrenzt. Sie können nur angeben, wie viele Caches beibehalten werden. Einige Caches können jedoch nicht gelöscht werden. Alle Daten bleiben erhalten. Andererseits möchte ich wählen können, wie viele Daten ich behalten möchte und welche Daten nicht mehr benötigt werden, da sie veraltet sind. Ich mache mir Sorgen, dass große Anwendungen auf einem Computer mit geringer Leistung nicht langsamer werden oder einfrieren. Einerseits ist es einfacher zu implementieren und andererseits werden Ressourcen effizienter genutzt.

Neben der Beibehaltung aktiver Statusauswahlen oder der Speicherung von Statusdaten in einer separaten Struktur können Sie auch andere Optionen in Betracht ziehen. Öffnen Sie beispielsweise Module in separaten Tabs und übertragen Sie die Datenverwaltung an den Browser. Alternativ können Sie die Option zum Öffnen von Modulen in einem dynamisch hinzugefügten Komponentenarray „components“ implementieren und dabei die v-show-Direktive verwenden, um nicht verwendete Module vorübergehend auszublenden. Sie können Module in Dialogfelder laden. Es gibt andere Optionen, die Sie in Betracht ziehen können. Wenn Sie sich für eine davon entscheiden, müssen Sie die entsprechenden Nachteile tragen.

Das Schreiben einer Testversion jeder Option und das anschließende Ausführen der Evaluierungstests ist eine sehr zeitaufwändige Aufgabe. Ich hoffe also, Ihre Vorschläge zu erhalten.

Answer 1

对于您的用例，我认为在使用 v-if 和 v-show 时，对话框或任何其他组件（选项卡等）都会简单地工作。您可以对要保留在 DOM 中的内容使用 v-show，对要在用户关闭后销毁的内容使用 v-if。

请参阅有关 v-if 和 v-show 之间差异的文档 此处。