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
// ...省略
});


相关文章
|
5月前
|
SQL 开发框架 JavaScript
在 Vue 中进行数据持久化时,有哪些常用的数据库框架?
在 Vue 中进行数据持久化时,有哪些常用的数据库框架?
77 3
|
5月前
|
存储
(pinia-plugin-persistedstate)pinia 持久化存储
(pinia-plugin-persistedstate)pinia 持久化存储
545 1
|
11月前
|
存储 资源调度 JavaScript
在Vue 3项目中引入Pinia进行状态管理并持久化存储
在Vue 3项目中引入Pinia进行状态管理并持久化存储
397 0
|
11月前
|
存储 JavaScript
vue项目中数据存储(pinia)
vue项目中数据存储(pinia)
150 0
|
存储 API
vuex-7-persist-持久化存储
1.持久化存储一直都是开发过程中经常遇到的场景 2.这个自己写下逻辑,其实在react-persist中写过 3.大体的原理就是把存储vuex里面的状态可以存储到 localstorage一份,因为localstorage刷新后数据还是在的,比如token的存储
503 0
vuex-7-persist-持久化存储
|
5月前
|
资源调度 JavaScript
Pinia的数据持久化
Pinia的数据持久化
|
3月前
|
存储 开发框架 JavaScript
在Vue3项目中使用pinia代替Vuex进行数据存储
在Vue3项目中使用pinia代替Vuex进行数据存储
|
2月前
|
存储 资源调度 JavaScript
Vue3如何使用Pinia详细介绍、pinia持久化存储(pinia-plugin-persistedstate详细配置)
Vue3如何使用Pinia详细介绍、pinia持久化存储(pinia-plugin-persistedstate详细配置)
|
5月前
|
JavaScript
vue中使用pinia及持久化
vue中使用pinia及持久化
45 0