Scénarios d'utilisation de Vuex : 1. Module de gestion des informations personnelles de l'utilisateur ; 2. Module de panier d'achat pour les projets de commerce électronique ; 3. Module Ma commande, cliquez pour annuler la commande dans la liste des commandes, puis mettez à jour la commande correspondante ; liste de commandes ; 4. Sur la page de règlement des commandes, obtenez les coupons requis et mettez à jour les informations sur la réduction de commande.
L'environnement d'exploitation de ce tutoriel : système Windows 7, vue version 2.9.6, ordinateur Dell G3.
Tout d’abord, discutons des circonstances dans lesquelles vuex est-il nécessaire ?
Nécessite le partage de données et le fractionnement des comportements
Une logique asynchrone complexe nécessite l'intégration de plusieurs modules pour l'évolution de l'état ;
Module de gestion des informations personnelles de l'utilisateur
Le module panier du projet e-commerce appelle l'interface pour obtenir à chaque fois la quantité du panier (prérequis). L'effet est obtenu, mais chaque requête HTTP consomme les performances du navigateur. En revanche, utiliser les mutations vuex pour déclencher est plus avantageux
Dans mon module de commande et ma liste de commandes, cliquez sur Annuler la commande, puis mettez à jour la liste de commandes correspondante. Dans ce cas, utilisez également Vuex. , état pour stocker un état, surveiller cet état et mettre à jour la liste correspondante lorsqu'elle change
Depuis la page de règlement des commandes, entrez dans la page de sélection des coupons et sélectionnez la page des coupons ; Comment enregistrer les informations du coupon sélectionné ? L'État enregistre les informations du coupon. Lors de la sélection d'un coupon, les mutations sont soumises sur la page de règlement de la commande, le coupon sélectionné est obtenu et les informations de réduction de la commande sont mises à jour
Recommandations associées : "
Tutoriel vue.jsCe 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!