Come posso chiamare un getter da un altro getter in Vuex?

Considera un semplice blog Vue:
sto usando Vuex come datastore e ho bisogno di impostare due getter : un getPostgetter per il recupero di un postID, così come un listFeaturedPostsche restituisce i primi pochi caratteri di ogni post in primo piano. Lo schema del datastore per l'elenco dei post in primo piano fa riferimento ai post in base al loro ID. Questi ID devono essere risolti in post effettivi allo scopo di mostrare gli estratti.

store / state.js

export const state = {
  featuredPosts: [2, 0],
  posts: [
    'Lorem et ipsum dolor sit amet',
    'Lorem et ipsum dolor sit amet',
    'Lorem et ipsum dolor sit amet',
    'Lorem et ipsum dolor sit amet',
    'Lorem et ipsum dolor sit amet',
  ]
}

store / getters.js

export default getPost = (state) => (postID) => {
  return state.posts[postID]
}

export default listFeaturedPosts = (state, getters) => () => {
  console.log(getters) // {}

  return state.featuredPosts.map(postID => getters.getPost(postID).substring(0, EXCERPT_LENGTH);
}

store / index.js

import Vue from 'vue'
import Vuex from 'vuex'
import state from './state'
import * as getters from './getters'
import * as mutations from './mutations'

Vue.use(Vuex)

export default new Vuex.Store({
  state,
  getters,
  mutations
})

Secondo la documentazione, il gettersparametro può essere utilizzato per accedere ad altri getter. Tuttavia, quando provo ad accedere gettersdall'interno listFeaturedPosts, è vuoto e ricevo un errore nella console perché getters.getPostnon è definito in quel contesto.

Come posso chiamare getPostcome getter Vuex dall'interno listFeaturedPostsnell'esempio sopra?

In VueJS 2.0, devi superare sia statee getters.

I getter vengono passati ad altri getter come 2 ° argomento :

export default foo = (state, getters) => {
    return getters.yourGetter
}

Documentazione ufficiale: https://vuex.vuejs.org/guide/getters.html#property-style-access

Passa getterscome secondo argomento per accedere ai getter locali e senza spazio dei nomi. Per i moduli con spazio dei nomi, dovresti usare rootGetters(come quarto argomento, per accedere ai getter definiti all'interno di un altro modulo):

export default foo = (state, getters, rootState, rootGetters) => {
    return getters.yourGetter === rootGetters['moduleName/getterName']
}

Ho provato senza statee non ha funzionato. Ecco perché stateè necessario.

questo funziona:

export default foo = (state, getters) => {
    return getters.yourGetter
}

questo non ha funzionato

export default foo = (getters) => {
    return getters.yourGetter
}

I getter ricevono altri getter come secondo argomento

getters: {
  doneTodos: state => {
    return state.todos.filter(todo => todo.done)
  },
  doneTodosCount: (state, getters) => {
    return getters.doneTodos.length
  }
}

Ecco un collegamento ai documenti ufficiali: https://vuex.vuejs.org/guide/getters.html#property-style-access

invece di passare lo stato , passa i getter e quindi chiama qualsiasi altro getter che desideri. Spero che sia d'aiuto.

Nel tuo negozio / getters.js

export default foo = (getters) => {
   return  getters.anyGetterYouWant
}