pinia 数据持久化

本文由优网导航（www.uonce.com）提供，主要讲解关于pinia 数据持久化相关内容。

下载持久化插件

pnpm i pinia-plugin-persistedstate

npm i pinia-plugin-persistedstate

yarn add pinia-plugin-persistedstate

将插件挂载到pinia

程序员导航

优网导航旗下整合全网优质开发资源，一站式IT编程学习与工具大全网站

立即访问

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

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

在要进行持久化的的模块中添加persist

import { defineStore } from 'pinia'

export const useStore = defineStore({
  id: 'store',
  state: () => {
    return {
      someState: 'hello pinia',
    }
  },

  // 添加 persist为true即可
  persist: true,

})

persist也可以是个配置项

import { defineStore } from 'pinia'

export const useStore = defineStore({
  ......

  persist: {
    key:'xxx',  // 键名
    stroage: localStorage/sessionStorage, // 保存位置
    paths: ['xxx'], // 需要持久化的数据
  }
})

具体配置可以参考：Configuration | pinia-plugin-persistedstate

相关推荐: Git打标签从本地创建到远端推送的详细流程

AI 工具导航

优网导航旗下AI工具导航，精选全球千款优质 AI 工具集

立即访问

本文主要讲解关于Git打标签从本地创建到远端推送的详细流程相关内容，由优网导航（www.uonce.com）提供，欢迎关注收藏本站！在软件开发中，Git标签（Tag）是为发布版本、标记里程碑量身定制的“快照锚点”，它能永久记录项目历史中的关键节点。然而，仅创建…