Sélectionnez un modèle de routage et stockez les données de routage

Question

J'essaie de faire quelque chose comme un système complet d'automatisation des activités. Le programme devrait avoir de nombreux modules. Je prévois de les organiser selon les principes de Windows. Si vous le souhaitez, vous pouvez ouvrir un nouveau module que vous pourrez ensuite fermer, ou ouvrir un nouveau module sans le fermer et y revenir plus tard.

Par exemple. J'ouvre le module pour la liste des documents numériques disponibles. Je sélectionne l'élément souhaité, clique sur Modifier, ce qui lance le formulaire d'édition. J'ouvre n'importe quel guide d'information, examine les données nécessaires, puis reviens au formulaire. Tout cela se fait par analogie avec la barre des tâches Windows.

J'étudie l'architecture. Nous chargeons le module via vue-router. Vous pouvez utiliser keep-alive pour stocker les données des modules inactifs, mais les options de gestion sont limitées. Vous pouvez uniquement spécifier le nombre de caches à conserver, mais certains caches ne peuvent pas être effacés, toutes les données sont conservées. D'un autre côté, j'aimerais pouvoir choisir la quantité de données à conserver et celles qui ne sont plus nécessaires car elles deviennent obsolètes. Je crains que les applications volumineuses ne ralentissent ou ne se bloquent sur un ordinateur peu puissant. D’une part, il est simple à mettre en œuvre et, d’autre part, il utilise les ressources de manière plus efficace.

En plus de conserver les sélections d'état actives ou de stocker les données d'état dans une structure distincte, vous pouvez également envisager d'autres options. Par exemple, ouvrez les modules dans des onglets séparés et transférez la gestion des données vers le navigateur. Alternativement, vous pouvez implémenter l'option permettant d'ouvrir des modules dans un tableau de composants ajouté dynamiquement "composants", en utilisant la directive v-show pour masquer temporairement les modules inutilisés. Vous pouvez charger des modules dans des boîtes de dialogue. Il existe d'autres options que vous pouvez envisager. Si vous en choisissez un, vous devrez supporter les inconvénients correspondants.

Rédiger une version de test de chaque option puis exécuter les tests d'évaluation est une tâche très chronophage. J'espère donc recevoir vos suggestions.

Answer 1

Pour votre cas d'utilisation, je pense que la boîte de dialogue ou tout autre composant (onglets, etc.) fonctionnera simplement lors de l'utilisation de v-if 和 v-show . Vous pouvez utiliser v-show pour le contenu que vous souhaitez conserver dans le DOM et v-if pour le contenu que vous souhaitez détruire après la fermeture de l'utilisateur.

Voir la documentation sur les différences entre v-if 和 v-show ici .