vue3+ts+pinia数据持久化

1.npm i  pinia-plugin-persistedstate

2.在main.ts中注册

import { createPinia } from 'pinia'

import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'

const pinia = createPinia()

pinia.use(piniaPluginPersistedstate);

app.use(pinia)

3.模块开启数据持久化

const useHomeStore = defineStore("home",{

  // 开启数据持久化

  persist:true

  // ...省略

});

此外，若不想全部持久化可以指定需要持久化的数据

persist:{

    key: 'article', //缓存key

    storage: window.sessionStorage, //缓存方式

    // 部分持久化状态的点符号路径数组，默认持久化所有数据

    paths: ['baseConfig','globalSrc','relationConfig'],

  },