Wat is Pinia?

Pinia is een moderne bibliotheek voor staatbeheer voor Vue.js, die Vuex heeft vervangen. Het is eenvoudiger te gebruiken, heeft een meer begrijpelijke API en integreert beter met de Composition API van Vue 3. Pinia maakt het mogelijk om gecentraliseerde gegevensopslagplaatsen te creëren die in alle componenten van de applicatie kunnen worden gebruikt.

Voorbeeld van het maken en gebruiken van een Pinia-store:

import { defineStore } from 'pinia'

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

// In de component
import { useCounterStore } from './stores/counter'

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