适用于Pinia的持久化储存插件 pinia-plugin-persistedstate

pnpm：

pnpm i pinia-plugin-persistedstate

npm：

npm i pinia-plugin-persistedstate

yarn:

yarn add pinia-plugin-persistedstate

将插件添加到pinia实例上

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

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

用法

创建Store时，将persistent选项设置为true。

使用选项式Store语法：

import { defineStore } from 'pinia'

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

使用组合式Store语法：

import { defineStore } from 'pinia'

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

现在，你的整个Store将使用默认持久化配置保存。