pinia数据持久化插件

您所在的位置：网站首页 › thinkphp插件化 › pinia数据持久化插件

pinia数据持久化插件

#pinia数据持久化插件| 来源: 网络整理| 查看: 265

应用场景

在某些特定的单页面应用场景下，我们使用常规的 store 来存储数据，很多时候面临着刷新就会被重置，所以，我们急需一个插件功能来实现对某些特定的数据进行状态保持，也就是数据持久化。

这里我们很容易想到可以用 sessionStorage 或者 localStorage 来进行相应的处理，但是要对不同的 store 中不同的字段进行处理，也是有很大的心智负担。

这里推荐一款 Pinia 的持久化插件：pinia-plugin-persist

使用方法

安装插件

npm install pinia-plugin-persist

导入和注册插件

import { createPinia } from 'pinia' import piniaPersist from 'pinia-plugin-persist' const pinia = createPinia() pinia.use(piniaPersist)

基本使用

// store/use-user-store.ts import { defineStore } from 'pinia' export const useUserStore = defineStore('storeUser', { state: () => { return { firstName: 'S', lastName: 'L', accessToken: 'xxxxxxxxxxxxx' } }, actions: { setToken (value: string) { this.accessToken = value } }, persist: { enabled: true } })

高级使用可以自定义设置，具体用法看官方文档很清晰。

【本文地址】

pinia数据持久化插件

pinia数据持久化插件

今日新闻

推荐新闻