Pinia 持久化

Pinia 状态持久化，防止刷新后状态丢失

使用插件实现持久化

TIP

• 使用 pinia-plugin-persistedstate 插件实现 Pinia 状态持久化
• 使用 Vue3 写法

文档：

• GitHub
• 官方文档

安装 && 使用

1. 安装依赖

npm i pinia-plugin-persistedstate

2. 添加插件

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

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

3. 开启持久化

import { defineStore } from 'pinia';
import { ref } from 'vue';

export const useFieldStore = defineStore('fieldStore', () => {
  const selectedFields = ref<string[]>([]);
  const moduleName = ref<string>('');

  return { selectedFields, moduleName };
}, {
  persist: true // 开启持久化
});