记一个pinia持久化存储插件

插件名： pinia-plugin-persistedstate

安装

yarn add pinia-plugin-persistedstate

使用

// main.ts
// ......
import { createPinia } from 'pinia'
import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
// ......
const pinia = createPinia()
pinia.use(piniaPluginPersistedstate)
//......

// store/index.ts
//.....
state: () => {
    userInfo: {....}
},
actions: {},
ersist: {
    key: 'ScoreScan', //存储名称
    storage: localStorage, //使用什么存储对象
    pick: ['userInfo'], //明确声明要持久化的字段
    //.....序列化与反序列化等等
}

具体使用文档： prazdevs.github.io/pinia-plugi…