რა არის Pinia?

Pinia Vue.js-ისთვის თანამედროვე მდგომარეობის მართვის ბიბლიოთეკაა, რომელიც Vuex-ის ჩანაცვლებაა. ის უფრო მარტივია გამოყენებაში, აქვს უფრო გასაგები API და უკეთესად ინტეგრირდება Vue 3-ის კომპოზიციური API-სთან. Pinia საშუალებას აძლევს შექმნას ცენტრალიზებული მონაცემთა საწყობები, რომლებიც შეიძლება გამოყენებულ იქნას ყველა კომპონენტში.

Pinia-ს შექმნის და გამოყენების მაგალითი:

import { defineStore } from 'pinia'

export const useCounterStore = defineStore('counter', {
  state: () => ({ count: 0 }),
  actions: {
    increment() {
      this.count++
    }
  }
})

// კომპონენტში
import { useCounterStore } from './stores/counter'

const counter = useCounterStore()
counter.increment()
console.log(counter.count) // 1