📚 Cheatsheet

Une collection organisée de snippets de code pour accélérer votre développement. Parcourez, recherchez et copiez en un clic.

Snippets 7

Retour
Pinia : Accéder à un getter
Facile
counter.double
Pinia : Accéder au state
Facile
counter.count
Pinia : Appeler une action
Facile
counter.increment()
Pinia : Définir un store
Facile
import { defineStore } from 'pinia'

export const useCounterStore = defineStore('counter', {
  state: () => ({ count: 0 }),
  getters: {
    double: (state) => state.count * 2,
  },
  actions: {
    increment() {
      this.count++
    },
  },
})
Pinia : Mettre à jour le state directement
Avancé
counter.$patch({ count: counter.count + 1 })
Pinia : Réinitialiser le state
Intermédiaire
counter.$reset()
Pinia : Utiliser un store dans un composant
Facile
import { useCounterStore } from '@/stores/counter'

const counter = useCounterStore()