vue3 pinia持久化存储

安装

npm install pinia-plugin-persist --save

在 store文件下的 index.js引用初始化，在挂在到min.js 让代码更简洁

import {createPinia } from 'pinia'

const store = createPinia()

import  PiniaPluginPesist from 'pinia-plugin-persist'

store.use(PiniaPluginPesist)

export default store;

挂载到min.js 

import { createApp } from 'vue'

import App from './App.vue'

import router from './router/index.js'

import store  from './store'

const app = createApp(App)

app.use(router)

app.use(store)

app.mount('#app')

在store里面创建有个名字为 userinfo.js，名字按自己需求取

import {defineStore} from 'pinia'

export const useUsersStor = defineStore('mian',{

    state:()=>{

       return {

            name:'liumour',

            age:18,

            sex:'男',

        }

    },

       ....

       其它内容

     上面是我的内容，不用管，你们加了会报错

    //持久化存储 在自己的页面功能下面加上这段代码即可

    persist:{

        enabled:true,

        strategies:[{

            key:'my_key',

            storage:localStorage,

            paths:['name','sex']//默认持久化存储全部（现在只存储name，sex）

        }]

    }

})