मैं Vuex में एक अन्य गटर से एक गेट्टर कैसे कह सकता हूं?

Question 1

एक सरल Vue ब्लॉग पर विचार करें:
मैं अपने डेटासंग्रह रूप Vuex उपयोग कर रहा हूँ और मैं दो सेट करने की आवश्यकता ही टिककर खेल : एक getPostएक पुन: प्राप्त करने के लिए गेटर postके रूप में अच्छी तरह से एक के रूप में, आईडी के आधार पर listFeaturedPostsहै कि रिटर्न प्रत्येक विशेषताओं पद के पहले कुछ वर्ण। विशेष रुप से प्रदर्शित पदों के लिए डेटास्टोर स्कीमा उनके आईडी द्वारा पोस्टों को संदर्भित करता है। अंश दिखाने के उद्देश्यों के लिए इन आईडी को वास्तविक पदों पर हल करने की आवश्यकता है।

दुकान / 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',
  ]
}

दुकान / 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?

Question 2

VueJS 2.0 में, आपको दोनों stateऔर पास करना होगा getters।

2 वें तर्क के रूप में गेटर्स को अन्य प्राप्तकर्ताओं को दिया जाता है :

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

आधिकारिक दस्तावेज: https://vuex.vuejs.org/guide/getters.html#property-style-access

Question 3

gettersस्थानीय और गैर-नामांकित गेटर्स तक पहुंचने के लिए दूसरे तर्क के रूप में पास करें । नामांकित मॉड्यूल के लिए, आपको दूसरे मॉड्यूल में परिभाषित गेटर्स तक पहुंचने के लिए rootGetters( 4 वें तर्क के रूप में) का उपयोग करना चाहिए :

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

Question 4

मैंने बिना परीक्षण stateकिया और काम नहीं किया। इसलिए stateजरूरी है।

यह काम:

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

यह काम नहीं किया

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

Question 5

दूसरे तर्क के रूप में गेटर्स को दूसरे गेटर्स मिलते हैं

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

Question 6

राज्य को पारित करने के बजाय , गेटर्स पास करें और फिर किसी अन्य गेट्टर को कॉल करें जिसे आप चाहते हैं। आशा करता हूँ की ये काम करेगा।

अपने स्टोर / getters.js में

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