Vuex-in nə olduğunu öz sözlərinlə izah et.

Vuex — Vue.js tətbiqləri üçün vəziyyət idarəetmə kitabxanasıdır. O, tətbiqin bütün komponentləri üçün mərkəzləşdirilmiş anbar təmin edir və bu vəziyyətin dəyişməsinin proqnozlaşdırıla bilən olmasını təmin edir. Bu, xüsusən də, komponentlər arasında mürəkkəb qarşılıqlı əlaqələrə malik böyük tək səhifə tətbiqləri (SPA) üçün faydalıdır; burada props vasitəsilə məlumat ötürmək çətinləşir.

Əsas anlayışlar aşağıdakılardır:

• Vəziyyət (State): Özündə məlumat obyektidir.
• Getters: Vəziyyətdən törədilmiş məlumatları çıxarmaq üçün funksiyalar.
• Mutasiyalar: Vəziyyəti dəyişdirməyin yeganə yolu. Onlar həmişə sinxron olur.
• Əməliyyatlar (Actions): Asinxron əməliyyatları yerinə yetirmək və ya bir və ya bir neçə mutasiyanı çağırmaq üçün funksiyalar.
• Modullar: Böyük tətbiqlərin təşkilatlanmasını asanlaşdırmaq üçün anbarı ayrı hissələrə bölməyə imkan verir.

Vuex-də məlumat axını: Əməliyyatlar mutasiyaları çağıra bilər, mutasiyalar vəziyyəti dəyişir və komponentlər Vue-nun reaktivliyi vasitəsilə vəziyyət dəyişikliklərinə cavab verir.

Komponentdə istifadə nümunəsi:

// Vəziyyətdən məlumatların göstərilməsi
computed: {
  count() {
    return this.$store.state.count
  }
},
// Mutasiyanı çağırmaq
methods: {
  increment() {
    this.$store.commit('increment')
  }
}

Vuex Flux/Redux nümunəsini həyata keçirir, lakin Vue-nun reaktiv sisteminə uyğunlaşdırılıb.