আমি কীভাবে ভেক্সের অন্য গেটারের কাছ থেকে একজন কলকারীকে কল করব?

Question 1

একটি সহজ Vue ব্লগ বিবেচনা করুন:
আমি আমার ডেটাসঞ্চয় যেমন Vuex ব্যবহার করছি এবং আমার দুই সেট আপ করার প্রয়োজন getters : একটি getPostএকটি পুনরুদ্ধারের জন্য সংগ্রহকারী postহিসাবে ভাল একটি হিসেবে আইডি দিয়ে listFeaturedPostsযে আয় প্রতিটি বৈশিষ্ট্যযুক্ত পোস্টের প্রথম কয়েকটি অক্ষর। বৈশিষ্ট্যযুক্ত পোস্টের তালিকার জন্য ডেটাস্টোর স্কিমা তাদের আইডি দ্বারা পোস্টগুলিকে উল্লেখ করে। এই আইডিগুলি সংক্ষিপ্তসারগুলি দেখানোর উদ্দেশ্যে প্রকৃত পোস্টগুলিতে সমাধান করা দরকার।

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ভিতরে থেকে ভিউক্স গেটার হিসাবে কল করব listFeaturedPosts?

Question 2

ভ্যুজেএস ২.০ এ আপনাকে অবশ্যই উভয় stateএবং পাস করতে হবে getters।

গেটরগুলি দ্বিতীয় আর্গুমেন্ট হিসাবে অন্য প্রাপ্তদের কাছে পাস করা হয় :

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
}