Vuexの別のゲッターからゲッターを呼び出すにはどうすればよいですか？

シンプルVueのを考えてみましょうブログ：
私は私のデータストアとしてVuexを使用してだと私は2つの設定する必要がありゲッター：getPost取得するためのゲッターpostIDでの、だけでなく、listFeaturedPosts各機能のポストの最初の数文字を返します。注目の投稿リストのデータストアスキーマは、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);
}

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

ドキュメントによると、このgettersパラメーターは他のゲッターにアクセスするために使用できます。ただし、getters内部からアクセスしようとするlistFeaturedPostsと、空になりgetters.getPost、そのコンテキストで定義されていないため、コンソールでエラーが発生します。

上記の例で、getPost内部からVuexゲッターとして呼び出すにはどうすればよいlistFeaturedPostsですか？

VueJS 2.0では、との両方stateを渡す必要がありgettersます。

ゲッターは2番目の引数として他のゲッターに渡されます：

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

公式ドキュメント：https：//vuex.vuejs.org/guide/getters.html#property-style-access

gettersローカルおよび名前空間のないゲッターにアクセスするための2番目の引数として渡します。名前空間付きモジュールの場合、rootGetters（別のモジュール内で定義されたゲッターにアクセスするために、4番目の引数として）使用する必要があります。

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
}

ゲッターは2番目の引数として他のゲッターを受け取ります

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

状態を渡す代わりに、ゲッターを渡してから、必要な他のゲッターを呼び出します。それが役に立てば幸い。

あなたのstore / getters.jsで

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