pinia保持数据持久化

简介: pinia保持数据持久化

pinia的用法

安装:

yarn add pinia-plugin-persistedstate
or
npm i  pinia-plugin-persistedstate

使用插件在main.js中注册

import { createApp } from "vue";
import App from "./App.vue";
import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
 
const pinia = createPinia();
pinia.use(piniaPluginPersistedstate);
createApp(App).use(pinia);

模块开启持久化

const HomeStore = defineStore("home",{
// 开启数据持久化
persist: true
// ...省略
});


相关文章
|
7月前
|
SQL 开发框架 JavaScript
在 Vue 中进行数据持久化时,有哪些常用的数据库框架?
在 Vue 中进行数据持久化时,有哪些常用的数据库框架?
104 3
|
7月前
|
存储
(pinia-plugin-persistedstate)pinia 持久化存储
(pinia-plugin-persistedstate)pinia 持久化存储
821 1
|
存储 资源调度 JavaScript
在Vue 3项目中引入Pinia进行状态管理并持久化存储
在Vue 3项目中引入Pinia进行状态管理并持久化存储
480 0
|
存储 JavaScript
vue项目中数据存储(pinia)
vue项目中数据存储(pinia)
162 0
|
存储 前端开发
react-几步搞定redux-persist-持久化存储
其实在vuex-persist持久化,用的也是这个东西 这个东西 就是持久化,其实所谓的持久化,在前端而言,一般都是指存储到 localStorage里面,因为刷新也还在嘛,不像存在其他地方刷新就没了,这里不讨论存储到本地文件 我们在react再玩一遍,看看有啥不同,找点新鲜感
1108 0
react-几步搞定redux-persist-持久化存储
|
存储 API
vuex-7-persist-持久化存储
1.持久化存储一直都是开发过程中经常遇到的场景 2.这个自己写下逻辑,其实在react-persist中写过 3.大体的原理就是把存储vuex里面的状态可以存储到 localstorage一份,因为localstorage刷新后数据还是在的,比如token的存储
528 0
vuex-7-persist-持久化存储
|
7月前
|
资源调度 JavaScript
Pinia的数据持久化
Pinia的数据持久化
|
5月前
|
存储 开发框架 JavaScript
在Vue3项目中使用pinia代替Vuex进行数据存储
在Vue3项目中使用pinia代替Vuex进行数据存储
|
4月前
|
存储 资源调度 JavaScript
Vue3如何使用Pinia详细介绍、pinia持久化存储(pinia-plugin-persistedstate详细配置)
Vue3如何使用Pinia详细介绍、pinia持久化存储(pinia-plugin-persistedstate详细配置)