pinia-plugin-persistedstate Complemento de almacenamiento persistente para Pinia

Instalación

1. Instale dependencias usando su administrador de paquetes favorito:

   • pnpm:

   pnpm i pinia-plugin-persistedstate

   • npm:

   npm i pinia-plugin-persistedstate

   • hilo:

   yarn add pinia-plugin-persistedstate

2. Agregue el complemento a la instancia de pinia

Uso

Al crear la Tienda,  persist configure la opción en  true.

Utilice la sintaxis de tienda opcional:

import { defineStore } from 'pinia'

export const useStore = defineStore('main', {
  state: () => {
    return {
      someState: '你好 pinia',
    }
  },
  persist: true,
})

O utilice la sintaxis combinada de la Tienda:

import { defineStore } from 'pinia'

export const useStore = defineStore(
  'main',
  () => {
    const someState = ref('你好 pinia')
    return { someState }
  },
  {
    persist: true,
  }
)

Ahora, toda su tienda se guardará usando la configuración de persistencia predeterminada .

import { createPinia } from 'pinia'
import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'

const pinia = createPinia()
pinia.use(piniaPluginPersistedstate)

 Ejemplo

 

Coopere con el complemento pinia para almacenar, recuperar y eliminar datos locales (localStorage, etc.)

 Sitio web oficial: Inicio | pinia-plugin-persistedstate