Pinia踩坑篇：Pinia本地存储无效

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

今天写项目时遇见了个问题，就是Pinia本地存储一直无效
后来发现了，是因为多个createPinia()冲突了，因为是按教程来的，复制粘贴就没注意，大意了，没有闪。
在这里插入图片描述
这样就好了 ↓
在这里插入图片描述

Healer-l
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vite+vue3动态模块化导入并使用pinia
03-25
在现代前端开发中，Vue3、Vite和Pinia是三个关键的技术组件，它们共同构建了一个高效、灵活的开发环境。下面将详细讲解这三个技术及其结合使用的方式。 **Vue3** 是Vue.js框架的最新版本，它带来了许多性能优化和新...
pinia数据持久化以及踩坑
yml15180824993的博客
06-04 1419
利用pinia-plugin-persistedstate将pinia中的数据进行持久化以及踩坑过程
vue3+vite+pinia+pinia-plugin-persist持久化存储无效
dnpao的专栏
11-17 8873
最近刚接触 Pinia在项目中引用相关操作，后续考虑到state的持久化存储问题，也引用了大神的推荐的插件结合，《pinia + pinia-plugin-persist持久化存储》，但怎么试都不生成，主要是我项目中之前引用过Pinia，后面在使用pinia-plugin-persist时又创建了一次pinia ，最后看到了这篇文章，一语惊出梦中人。
uniapp 开发小程序 pinia数据持久化失败解决方案 pinia-plugin-persistedstate
zhw_1219的博客
06-03 316
【代码】uniapp 开发小程序 pinia数据持久化失败 pinia-plugin-persistedstate。
使用pinia持久化的坑
qq_55873309的博客
09-29 327
然后发现在local storage内不显示数据，最后发现是多次使用createPinia导致，最后解决。一开始的main代码。
uniapp下使用pinia及刷新后持久化到本地缓存
黎小小的博客
06-27 2937
uniapp官网上vuex和pinia两种状态管理方式都有介绍。在uniapp中vuex和持久化到本地缓存，和在vue中使用没有任何区别但是如果使用pinia本身持久化到本地缓存使用的是插件pinia-plugin-persistedstate。但是如果在uniapp中持久化数据到本地缓存需要安装pinia-plugin-unistorage，该插件是uniapp下的本地化存储插件。
Pinia 的持久化问题
semicolon_hello的专栏
12-20 750
例如，在每次修改状态后，都将其保存到 sessionStorage，然后在初始化状态时，从 sessionStorage 中读取。在Pinia中，保存属性到sessionStorage 或 localStorage 中，页面刷新后的值会重新从 session storage或localStorage 中获取。但是，你需要注意的是，Pinia 的状态在页面刷新时并不会自动持久化。方法同时更新了状态和 sessionStorage，而状态在初始化时，会从 sessionStorage 中读取。
疑难杂症之生产环境pinia数据丢失
Tyler961123的博客
10-24 598
之前项目使用vuex进行全局的状态管理，这种方式是可行的，后面改用pinia以后，在开发环境没毛病，上线部署以后就出问题：页面刷新导致数据丢失。使用pinia推荐的插件又报错，因为我的全局状态中存在的类型有的是对象，而插件本身是使用Json.parse和Json.stringify进行类型转换，所以会报错。在开发环境的根组件App.vue中，定义组件对象创建以后的操作：将pinia的数据保存在浏览器的sessionStorage 中。
大壮考了小帅 5 道 Pinia 必问面试题
07-06
1. **类型安全**：Pinia 利用了 Vue.js 3 对 TypeScript 的全面支持，提供了更强大的类型推断和编译时类型检查，帮助开发者在早期发现潜在错误。 2. **可维护性**：Pinia 引入了组合式 API，使得状态逻辑更易于拆分...
uniapp + vue3 + TypeScript + pinia + uviewplus
11-03
在当前的项目中，"uniapp + vue3 + TypeScript + pinia + uviewplus" 的组合代表了现代前端开发的一种高效、强大的解决方案。这个技术栈主要用于构建跨平台的移动应用，充分利用了各组件的优势，提供了良好的开发...
vue3+vite+ts+pinia构建的基础系统架构
06-19
4. **Pinia**：Pinia是Vue 3推荐的状态管理库，是对Vuex的轻量级替代方案。Pinia提供了简单易用的API，与Vue 3的Composition API完美融合，使得状态管理变得更加直观和模块化。开发者可以轻松地在组件之间共享和管理...
vue3+pinia 面向app项目
04-13
在项目中，Pinia 可以用来存储和管理全局状态，如用户登录信息、应用配置等。通过 Pinia，开发者可以方便地在组件间共享和更新状态，提高了开发效率。 Vant 是一个轻量级的 UI 组件库，专为 Vue.js 设计。它提供了...
Vue3 刷新后，pinia存储的数据丢失怎么解决
qq_29517595的博客
11-30 4740
解决Vue3 刷新后，pinia存储的数据丢失
Pinia持久化失败
qq_45415290的博客
03-11 809
pinia借助pinia-plugin-persistedstate持久化失败
pinia数据存本地缓存(数据持久化)插件pinia-plugin-persistedstate
zhw_1219的博客
06-03 280
pinia数据存本地缓存(数据持久化)插件
electron+vue3全家桶+vite项目搭建【16】electron多窗口，pinia状态无法同步更新问题解决
个人网站：https://www.longzipeng.online
05-02 4809
electron多窗口，pinia状态无法同步更新问题解决
前端与HTML
m0_65544927的博客
07-21 494
HTML 不是一种编程语言，而是一种标记语言HyperTextMarkupLanguage。
在Vue程序中，如何检测用户的登录状态并跳转到对应页面
最新发布
exlink2012的专栏
07-25 243
通过以上步骤，你可以在Vue应用程序中检测用户的登录状态，并在用户尝试访问受保护页面时跳转到登录页面。同时，在用户登录和登出后，你可以根据需要跳转到相应的页面。
TS如何处理js模块的类型？
闻人放歌的三寸青草园圃
07-24 217
【代码】TS如何处理js模块的类型？
pinia Uncaught TypeError: Cannot read properties of undefined (reading 'has')
01-25
这个错误通常发生在使用Pinia时，表示你尝试读取一个未定义的属性。这可能是因为你没有正确地初始化或使用Pinia。 解决这个问题的方法是确保正确地初始化和使用Pinia。以下是一些可能的解决方法： 1. 确保你已经...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值