javascript - changer la valeur de l'état dans vue

Question

Je sais que les actions gèrent les traitements asynchrones. Je n'ai pas d'opérations asynchrones. Ce que je veux dire, c'est qu'après avoir cliqué sur un bouton, vous pouvez directement modifier la valeur de l'état dans les méthodes, sans passer par des actions ou des mutations. les spécifications de Vue ?

Answer 1

Pourquoi vous ne pouvez pas appeler directement la méthode de mutation ou modifier directement l'attribut d'état, mais vous devez soumettre la mutation via la validation ? Citant la documentation officielle :

Encore une fois, nous soumettons des mutations au lieu de modifier directement store.state.count car nous voulons suivre plus clairement les changements d'état. Cette convention simple rend vos intentions plus évidentes, afin que vous puissiez interpréter plus facilement les changements d'état au sein de l'application lors de la lecture du code. De plus, cela nous donne également la possibilité d'implémenter des outils de débogage capables d'enregistrer chaque changement d'état et de sauvegarder des instantanés d'état. Avec lui, nous pouvons même réaliser une expérience de débogage comme un voyage dans le temps.
Étant donné que l'état du magasin est réactif, appeler l'état du magasin dans le composant est aussi simple que de le renvoyer dans la propriété calculée. Déclencher des changements consiste simplement à soumettre des mutations dans les méthodes du composant.

On peut voir que lors de la conception de vuex, afin de suivre les changements d'état, il a été convenu que le commit doit être utilisé pour soumettre les modifications dans les données déclenchées par une mutation. Vous pouvez essayer le plug-in de débogage officiel de Vue, appelé Vue Devtools. Vous pouvez voir directement les composants, les données, vuex, etc., et vous pouvez également suivre les modifications. Si vous l'essayez, vous saurez probablement pourquoi vous faites cela.