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

安装​

1. 用你喜欢的包管理器安装依赖：

   • pnpm:

   pnpm i pinia-plugin-persistedstate

   • npm:

   npm i pinia-plugin-persistedstate

   • yarn:

   yarn add pinia-plugin-persistedstate

2. 将插件添加到 pinia 实例上

用法​

创建 Store 时，将 persist 选项设置为 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 将使用默认持久化配置保存。

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

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

 实例

 

配合pinia 插件存、取、删本地数据（localStorage等）

 官网：Home | pinia-plugin-persistedstate