Was ist Pinia?

Pinia ist eine moderne Zustandsverwaltungsbibliothek für Vue.js, die Vuex ersetzt. Sie ist einfacher zu verwenden, hat eine verständlichere API und integriert sich besser mit der Composition API von Vue 3. Pinia ermöglicht die Erstellung zentralisierter Datenlager, die in allen Komponenten der Anwendung verwendet werden können.

Beispiel für die Erstellung und Verwendung eines Pinia-Stores:

import { defineStore } from 'pinia'

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

// Im Komponenten
import { useCounterStore } from './stores/counter'

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