pinia 持久化插件使用
2023-12-13 19:46:32
本文主要介绍 vue3组合式 api 使用持久化插件的写法。
选项式 写法官方已给出
- 安装依赖
pnpm i pinia-plugin-persistedstate
- 插件的使用
import { createPinia } from 'pinia'
import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
const pinia = createPinia()
pinia.use(piniaPluginPersistedstate)
- 组合式api的写法
import {defineStore} from 'pinia'
import {ref} from "vue";
export const useUserStore = defineStore('user', () => {
const token = ref('')
const userInfo = ref({})
return {
token,
userInfo
}
},
{
persist: {
key: 'my-user', // 修改存储到localStorage时的key值
storage: localStorage // 以哪种类型存储 localStorage|sessionStorage
paths: ['token'] // 默认全部持久化,这里可以配置想要哪个变量持久化
}
}
)
文章来源:https://blog.csdn.net/qq_58706693/article/details/134911455
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!