Pinia эмне?

Pinia — Vue.js үчүн заманбап абал башкаруу китепканасы, ал Vuexтин ордуна келди. Ал колдонууда оңой, API түшүнүктүү жана Vue 3дүн Composition 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