Pinia-构建用户仓库和持久化

1.用pnpm创建vue3时选择添加pinia，后面就不用再安装

2.在stores文件夹下面创建一个user.js文件，根据语法使用defineStore创建一个pinia仓库（记得return）

3.安装插件 pinia-plugin-persistedstate

 pnpm add pinia-plugin-persistedstate -D 

4.使用main.js

import persist from 'pinia-plugin-persistedstate' 
... 
app.use(createPinia().use(persist)) 

5.在stores/user.js中修改相关数据（添加persist参数）

 import { defineStore } from 'pinia'
 import { ref } from 'vue' 
// ⽤户模块
export const useUserStore = defineStore( 
'big-user', 
  () => { 
const token = ref('') // 定义 token 
const setToken = (t) => (token.value = t) // 设置 token 
return { token, setToken } 
  }, 
  { 
 persist: true // 持久化 
  } 
)

这样数据就会自动存储在本地当中，如果要更改存储位置等，persist值可以改变，详情请看官网Home | pinia-plugin-persistedstate (prazdevs.github.io)