Pinia踩坑篇：pinia-plugin-persist与pinia-plugin-persistedstate

最新推荐文章于 2024-06-11 17:47:15 发布
最新推荐文章于 2024-06-11 17:47:15 发布
阅读量700 收藏 3
点赞数 2
分类专栏： vue踩坑日记 Vue3+TS前进之路 文章标签： 前端 javascript vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44238688/article/details/136913434
版权

目前我的配置是Vue3+TS+Pinia，个人建议是使用pinia-plugin-persistedstate插件，因为如果使用pinia-plugin-persist插件的话会出现关于类型的问题，也就是TS最蛋疼的红线问题，而pinia-plugin-persistedstate插件会自动帮你解决类型问题。
pinia-plugin-persistedstate文档

Healer-l
关注
  • 2
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
pinia数据持久化（pinia-plugin-persistedstate)插件使用
small_sapling的博客
01-04 697
pinia数据持久化（pinia-plugin-persistedstate）插件使用
uni-app+Vue3+pinia+uview-plus搭建的项目包
12-28
uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-...
【pinia持久化存储】使用pinia和pinia-plugin-persistedstate依赖进行数据的持久化存储
qq_2511276124的博客
04-14 6573
使用pinia和pinia-plugin-persistedstate依赖进行数据的持久化存储。
Pinia 数据持久化存储插件pinia-plugin-persist
lryh_的博客
06-11 372
【代码】Pinia 数据持久化存储插件pinia-plugin-persist。
（pinia-plugin-persistedstate）pinia 持久化存储
大雾起了清晨
05-28 3161
我们使用pinia的时候，会遇到页面刷新的时候数据丢失，所以我们可以来直接帮我们完成这个操作。学习pinia资料。
Vue3基本使用Pinia，Pinia和vuex的区别 pinia的基本使用 Pinia状态持久化 pinia-plugin-persistedstate的使用 详细说明！！！
akkigg的博客
02-19 8586
我们都已经有 Vuex 了为什么还要用 Pinia 呢 Pinia 最初是为了探索 Vuex 的下一次迭代会是什么样子，结合了 Vuex 5 核心团队讨论中的许多想法; 最终，团队意识到Pinia已经实现了Vuex5中大部分内容，所以最终决定用Pinia来代替Vuex; 与 Vuex 相比，Pinia 提供了一个更简单的 API，具有更少的仪式，提供了 Composition-API 风格的 API; 【vue3 Pinia使用与讲解】vue3新一代的Store应用工具
Vue3如何使用Pinia详细介绍、pinia持久化存储(pinia-plugin-persistedstate详细配置)
热门推荐
H524268015wsw的博客
11-23 2万+
1、在stores文件夹下创建一个store ，名为user.js ，命名是尽量是见名知意的。2、定义user.jsStore 是使用定义的，并且它需要一个唯一名称，作为第一个参数传递这个name，也称为id，是必要的，Pinia 使用它来将 store 连接到 devtools。将返回的函数命名为use...是跨可组合项的约定// defineStore('userInfo',{}) userInfo就是这个仓库的名称nameusername: '赫赫',age: 30,hobby: [
Vue3 使用pinia+pinia-plugin-persist setup写法
u010994219的专栏
06-20 2896
vue3 pinia 数据持久化
前端第二部分:Vue3-pinia
最新发布
07-07
前端第二部分:Vue3-pinia
npm-auto-install-webpack-plugin:在Webpack编译步骤之前自动在package.json中安装缺少的依赖项
05-17
npm-auto-install-webpack-plugin 在Webpack编译步骤之前自动在package.json中安装缺少的依赖项 安装 npm i --save npm-auto-install-webpack-plugin 用法 webpack.config.babel.js import ...
基于 Vue3.2、TypeScript、Vite4、Pinia、Element-Plus 开源的一套后台管理框架
05-20
Geeker-Admin 一款基于 Vue3.2、TypeScript、Vite4、Pinia、Element-Plus 开源的后台管理框架，使用目前最新技术栈开发。项目提供强大的 ProTable 组件，在一定程度上节省您的开发效率。另外本项目还封装了一些常用...
pinia-vue3-example:使用vue-next和pinia @ next的示例
05-13
总之，"pinia-vue3-example"项目为我们提供了一个实践Vue 3与Pinia结合使用的平台，帮助开发者理解如何在新的Vue生态系统中有效地管理应用状态。通过学习和研究这个项目，你可以掌握如何在实际项目中运用Pinia，提升...
vue3使用pinia和pinia-plugin-persist做持久化存储
i_am_a_div的博客
08-10 2747
vue3使用pinia和pinia-plugin-persist做持久化存储
pinia数据持久化插件pinia-plugin-persistedstate的基础使用+vue3组合式，有手就会系列。
weixin_50975849的博客
01-19 1554
💕🔮 本文由 【第四人称Alice】 原创，首发于 CSDN ✨✨✨🌍 由于博主还属于前期的前端开发小白，欢迎大家留言提出更好的意见，大家共同进步！💭，有疑惑的宝子可以去看官网哦~说明一下，博主使用的是v3.2.0版本，技术栈为vue3+ts，看了很多博主的持久化用法都不是自己想要的，最后自己扒官网写了最新的用法，废话不多说，马上开始。
Vue3 不同版本的Pinia如何做持久化存储
HaushoLin的博客
01-12 1090
不同版本的pinia支持的存储插件不同，高/低版本的持久化存储插件整合如下，都是我实践过的，请放心使用。😊。
持久化 pinia 状态
最是人间留不住，朱颜辞镜花辞树。
12-13 4063
localStorage中，只是插件会帮助自动存入与取出，不需要自己去操作localstorage。pinia-plugin-persistedstate或者pinia-plugin-persist都无效！pinia的状态与vuex一样把数据存在内存中，在刷新页面后会清理内存，数据会丢失。在需要使用store的页面修改数据的时候，不要使用赋值解构取出，而是直接取出并修改。要解决这个问题非常简单，在状态改变时将其同步到浏览器的存储中，如。插件来实现持久化，原理也是把数据存入。
前端开发小技巧 - 【Vue3 + TS】 - 在 TS + Vue3 中使用 Pinia，实现 Pinia 的持久化，优化Pinia（仓库统一管理）
qq_48937489的博客
03-13 1722
（这里以user.d.ts为例）；代码展示：export type User = {// 头像// 脱敏手机号 - 带星号的手机号// 用户名id: string;// 用户id。
Pinia 插件 pinia-plugin-persist 添加 persist 属性时报错：没有与此调用匹配的重载
Java Pro
11-16 1151
记录 Pinia 持久化不生效。
pinia-plugin-persistedstate 与pinia-plugin-persist区别
05-12
pinia-plugin-persistedstate 与 pinia-plugin-persist 都是针对 Pinia 状态管理库的插件，用于持久化存储应用程序的状态。两者的区别如下： 1. pinia-plugin-persistedstate 是基于 vuex-persistedstate 的，使用 localStorage、sessionStorage 或 cookie 来存储状态，支持自定义存储引擎和序列化方式。 2. pinia-plugin-persist 是基于 idb-keyval 的，使用 IndexedDB 来存储状态，支持自定义存储引擎和序列化方式。 因此，选择哪个插件取决于你的具体需求和项目环境。如果你需要在不同的浏览器中共享状态，建议使用 pinia-plugin-persistedstate；如果你需要更好的性能和安全性，建议使用 pinia-plugin-persist。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值