Une brève discussion sur le problème de la mise en cache des données vuex

Cet article parle principalement du problème de mise en cache des données de vuex. Les onglets de la page utilisent vuex pour le stockage des données. Lorsque l'itinéraire est changé, les onglets sont ajoutés et rendus. Lorsque la page est actualisée, les données stockées dans le magasin seront initialisées et deviennent vides. Découvrons-le avec l’éditeur.

Description : Les onglets de la page utilisent vuex pour le stockage des données. Lors du changement d'itinéraire, les onglets sont ajoutés et rendus
Problème : Lorsque la page est actualisée, il est stocké dans Les données du magasin seront initialisées et deviendront vides
Solution : L'idée originale était d'utiliser le cache local pour le stockage des données, mais cela ne me semblait pas trop pratique, alors j'ai proposé vuex-along. Pas grand chose à dire, voici le code

Introduire la méthode vuex-along
watch() Le tableau stocké dans la méthode watch() est ce que vous avez. Si vous souhaitez enregistrer les données, la valeur par défaut est de mettre en cache toutes les données, mais certaines ne sont pas nécessaires, vous pouvez les définir dans
watchSession() est similaire au stockage watch(), mais warchSession est stocké dans la session. est que les données stockées par la méthode watch() ne seront pas perdues à la fermeture du navigateur WatchSession, les données de fermeture du navigateur seront perdues
la méthode onlySession() consiste à fermer la page actuelle et les données seront perdues

Tutoriels associés : tutoriel vidéo vue

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!