Vuex4.x (4) Varias formas de utilizar la acción
Dado que la mutación no admite operaciones asincrónicas, vuex proporciona acciones que pueden admitir operaciones asincrónicas, lo cual es muy conveniente en algunos casos.
Las operaciones asincrónicas se dividen en dos situaciones, una es operación asincrónica interna y la otra es operación asincrónica externa.
Por ejemplo, al acceder a la API de back-end para obtener datos o al almacenar datos en el almacenamiento de front-end.
Primero escribamos un ejemplo simple
Veamos los parámetros
Podemos simplemente crear una nueva Promesa, que puede usar varias operaciones, como axios.
Por último, recuerda devolver la nueva instancia.
Si no necesitas saber el tiempo de finalización definitivo, puedes llamarlo directamente
Si quieres saberlo, puedes escribir un entonces
Este uso es muy similar a axios.
Ver el efecto de ejecución
Podemos crear una nueva promesa para incluir axios, o podemos devolver directamente una instancia de axios, como esta
Método de llamada
p>
De esta forma los datos devueltos por axios se pueden obtener interna y externamente.
La forma de elegir depende del grado de encapsulación de los datos devueltos.
d/cnd/project-vuex/
d/tree/main/cnd/project-vuex