Ներկայացրեք ձեր սեփական բառերով, թե ինչ է Vuex-ը։

Vuex-ը Vue.js հավելվածների համար վիճակի կառավարում գրադարան է: Այն տրամադրում է կենտրոնական պահեստ՝ բոլոր կոմպոնենտների համար, ապահովելով այս վիճակի փոփոխությունների կանխատեսելիությունը: Սա հատկապես օգտակար է մեծ մի էջանի հավելվածների (SPA) համար, որոնցում կոմպոնենտների միջև փոխազդեցությունները բարդ են, և տվյալների փոխանցումը props-ների միջոցով դառնում է բարդ:

Հիմնական հասկացությունները ներառում են՝

• Վիճակ (State): Դատարկ տվյալների օբյեկտը:
• Getters: Ֆունկցիաներ՝ ստանալու տվյալների արտադրյալները վիճակից:
• Mutations: Միայն եղանակը վիճակը փոխելու համար: Նրանք միշտ սինխրոն են:
• Գործողություններ (Actions): Ֆունկցիաներ՝ իրականացնել ասինխրոն օպերացիաներ կամ կանչել մի քանի mutations:
• Մոդուլներ: Հնարավորություն՝ բաժանել պահեստը առանձին մասերի՝ մեծ հավելվածների կազմակերպման համար:

Vuex-ում տվյալների հոսքը՝ Գործողությունները կարող են կանչել mutations, mutations փոխում են վիճակը, իսկ կոմպոնենտները արձագանքում են վիճակի փոփոխություններին Vue-ի ռեակտիվությամբ:

Օրինակ՝ կոմպոնենտում օգտագործման:

// Դատարկ տվյալների ցուցադրում
computed: {
  count() {
    return this.$store.state.count
  }
},
// Mutation կանչում
methods: {
  increment() {
    this.$store.commit('increment')
  }
}

Vuex-ը իրականացնում է Flux/Redux դիզայնը, բայց հարմարեցված է Vue-ի ռեակտիվ համակարգին։