如何在Vuex中将另一个吸气剂称为吸气剂？

考虑一个简单的Vue博客：
我正在使用Vuex作为数据存储，我需要设置两个getter：一个getPost用于post通过ID检索ID的getter ，以及一个listFeaturedPosts用于返回每个精选文章的前几个字符的getter 。特色帖子列表的数据存储架构通过其ID引用帖子。为了显示摘录，这些ID必须解析为实际帖子。

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);
}

商店/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
})

根据文档，该getters参数可用于访问其他获取器。但是，当我尝试getters从内部访问时listFeaturedPosts，它为空，并且由于getters.getPost在该上下文中未定义而在控制台中收到错误。

在上面的示例中，如何getPost从内部调用Vuex吸气剂listFeaturedPosts？

在VueJS 2.0中，您必须同时通过 state和getters。

吸气剂作为第二个参数传递给其他吸气剂：

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

官方文档：https : //vuex.vuejs.org/guide/getters.html#property-style-access

getters作为第二个参数传递，以访问本地和非命名空间的getter。对于命名空间模块，应该使用rootGetters（作为第四个参数，以便访问在另一个模块中定义的getter）：

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

我测试了没有state，没有工作。这就是为什么state有必要。

这有效：

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

这没用

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

吸气剂将其他吸气剂作为第二个参数

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

这是官方文档的链接-https: //vuex.vuejs.org/guide/getters.html#property-style-access

而不是传递state，而是传递getter，然后调用您想要的任何其他getter。希望能帮助到你。

在您的store / getters.js中

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