Estoy realmente tonto cuando se trata de Vue, lo siento si mi pregunta también es tonta. Finalmente descubrí cómo hacer la solicitud hasta obtener el resultado esperado en la respuesta, código a continuación:

fetch_all.vue

 async mounted() { await fetchImportsProductsSyncStatusRequest(this) this.pullingImportsProductsSyncStatus = setInterval(() => { this.setInProgress() fetchImportsProductsSyncStatusRequest(this).then(response => { if (!this.$store.state.syncingProductsInProgress) { clearInterval(this.pullingImportsProductsSyncStatus); this.setSynced() } }) }, 15000) },

index.js

 import Vue from 'vue'; import Vuex from 'vuex'; import _get from 'lodash/get'; import { clearPersistedTokens } from '../auth_utils'; Vue.use(Vuex); const storeSettings = { state: { syncingProductsInProgress: null },

Pero creo que hay un problema con esta solución. Verificar el estado en respuesta hace que la aplicación se cuelgue durante 15 segundos hasta que se active la siguiente solicitud y se evalúe la condición !this.$store.state.syncingProductsInProgress .

¿Sería mejor usar captadores de Vue (https://vuex.vuejs.org/guide/getters.html#the-mapgetters-helper ) e importarlos como métodos computados aquí? Probablemente también podría mover la administración de estado de este componente al archivo de almacenamiento de Vuex para eliminar los métodos relacionados con el progreso/estado de sincronización, ¿quizás?

¿Cómo mover todo esto a los captadores de Vue y usarlos dentro fetch_all.vue ?

[EDITAR]

todo el archivo fetch_all.vue con métodos

 <script> import { fetchImportsProductsSyncStatusRequest, } from '../../api/imports' const STATUS_INITIAL = 0, STATUS_IN_PROGRESS = 1, STATUS_SUCCESS = 2, STATUS_SYNCED = 3; export default { name: 'BackboneFetchAll', data() { return { syncCurrentStatus: null, } }, async mounted() { await fetchImportsProductsSyncStatusRequest(this) this.pullingImportsProductsSyncStatus = setInterval(() => { this.setInProgress() fetchImportsProductsSyncStatusRequest(this).then(response => { if (!this.$store.state.syncingProductsInProgress) { clearInterval(this.pullingImportsProductsSyncStatus); this.setSynced() } }) }, 15000) }, methods: { setInProgress(data) { this.syncCurrentStatus = STATUS_IN_PROGRESS; }, setSynced(data) { this.syncCurrentStatus = STATUS_SYNCED; }, } } </script>