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

相关推荐: 应对app或者网站常见几种攻击类型方法

AI 工具导航

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

立即访问

本文主要讲解关于应对app或者网站常见几种攻击类型方法相关内容，由优网导航（www.uonce.com）提供，欢迎关注收藏本站！ 引言 在今天的数字时代，随着手机应用程序（APP）的快速发展，应用程序的安全性问题变得尤为突出。黑客和恶意攻击者利用各种方法试图攻…