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

相关推荐: 分享3年接私活避坑流程+生产力工具实测

AI 工具导航

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

立即访问

前段时间帮老同学搭了个表格数据处理工具，算是还了当年的人情——上学那会我手头紧，他总喊我们室友吃烧烤，算是帮我改善伙食了。本来寻思这活一周能搞定，没打算收钱，结果他硬搬来一台明基RD280U显示器，说专门给编程设计用的，正好我新配了主机，这下算是意外收获了生产…