Kann ich von Getter in Vuex do Versand

Question

Fiddle: here

Ich bin ein Webapp mit Vue 2 mit Vuex zu schaffen. Ich habe einen Speicher, in dem ich Zustandsdaten von einem Getter abholen möchte. Was ich will, ist, wenn Getter herausfindet, dass Daten noch nicht aufgefüllt sind, ruft er ab und holt die Daten.

Es folgt mein Vuex Speicher:

const state = { 
    pets: [] 
}; 

const mutations = { 
    SET_PETS (state, response) { 
    state.pets = response; 
    } 
}; 

const actions = { 
FETCH_PETS: (state) => { 
     setTimeout(function() { 
      state.commit('SET_PETS', ['t7m12qbvb/apple_9', '6pat9znxz/1448127928_kiwi']) 
    }, 1000) 
} 
} 

const getters = { 
    pets(state){ 
    if(!state.pets.length){ 
     state.dispatch("FETCH_PETS") 
    } 
    return state.pets 
    } 
} 

const store = new Vuex.Store({ 
    state, 
    mutations, 
    actions, 
    getters 
}); 

Aber ich bin immer folgende Fehlermeldung:

Uncaught TypeError: state.dispatch is not a function(…)

Ich weiß, dass ich das tun kann, von beforeMount von Vue Komponente, aber ich habe mehrere Komponenten, die benutzt denselben Vuex-Speicher, also muss ich es in einer der Komponenten machen, welche sollte das sein und wie wird es sich auf andere Komponenten auswirken.

Answer 1

Getter kann Versand nicht nennen, da sie die state nicht context des Ladens

Aktionen aufrufen Zustand übergeben werden, Versand, begehen, da sie den Kontext übergeben werden.

Getter werden verwendet, um einen "abgeleiteten Zustand" zu verwalten.

Wenn Sie setzen stattdessen auf den pets Zustand auf die Komponenten, die sie benötigen, dann würden Sie nur FETCH_PETS von der Wurzel Ihrer App aufrufen und die Notwendigkeit für die Getter