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

相关推荐: 什么是web2.0?

AI 工具导航

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

立即访问

本文主要讲解关于什么是web2.0?相关内容，由优网导航（www.uonce.com）提供，欢迎关注收藏本站！如今，Google、雅虎或者Microsoft等公司几乎每周都会宣布或推出新的网络服务。渐渐地，隐藏在这些服务后面的互联网新轮廓显现出来，那就是Web…