vue3.2 pinia 数据持久化

第一步 定位到项目根目录 的 终端

npm i pinia-plugin-persist

第二步 定位到入口文件

注入代码

import { createPinia } from 'pinia'
import piniaPersist from 'pinia-plugin-persist'

let pinia = createPinia()
app.use(pinia.use(piniaPersist))

第三步 定位到需要数据持久化的store里面

import { defineStore } from 'pinia'
import { ref } from "vue"
export default defineStore("user", () => {
    //let role = ref("")
    // 数据持久化一定要用ref包裹
    let role = ref("")
    return {
        role
    }
},
    {
        persist:  {
            enabled: true , // 这个配置代表存储生效，而且是整个store都存储
          }, 
    }
)