Pinia nima?

Pinia Vue.js uchun zamonaviy holatni boshqarish kutubxonasi bo'lib, Vuex o'rnini bosdi. U foydalanishda osonroq, API aniqroq va Vue 3 ning Composition API bilan yaxshiroq integratsiyalanadi. Pinia markazlashtirilgan ma'lumot omborlarini yaratishga imkon beradi, ular barcha komponentlarda ishlatilishi mumkin.

Pinia do'koni yaratish va foydalanish misoli:

import { defineStore } from 'pinia'

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

// Komponentda
import { useCounterStore } from './stores/counter'

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