Vuex 实现状态持久化【Vue小技巧】

作者: 我是小野森森分类: 野生技能协会 发布时间: 2021-05-05 09:00:17 浏览:16851 次

Vuex 实现状态持久化【Vue小技巧】

冰糖_Sherry:
太感谢了,我从GitHub搜的毕设项目,是一个考试系统,需要保存答题状态,就是用的这种方法,现在终于看懂了[OK][脱单doge]

好好学生just:
这里我可以这样做吗 在store文件里,最上面对state中的值进行初始化吗? 比如 const state={ status:0 } function initData(){ const status= localStorage【'status'】 state.status=status } initData() // 下面继续写store的代码 const store= new .......

拉屎的白菜:
up可以讲一下gutter吗 gutter好像可以和session配合实现持久化

咸鱼也是鱼i:
想问一下 在mounted直接调用dispath里面JSON.parse()取一个不存在的值 没有看见判断之类的 控制台没有报错?

【回复】哈默这个有问题的。不知道他是怎么实现第一次是false,改变为ture之后一直是true的。他的问题有两个 1.获取locaStorage或者设置loca不是一把用setItem和getitem吗。他用这个我没见过。 2.第一次应该是null,也就是页面上什么都不显示才对 ,不知道他是怎么第一次是false的,我看他也清除缓存了再去试验的呢。
【回复】对的,这里第一次不设置,直接是没法拿值的
Nicholas-Panda:
好家伙 全是干货,我想问一下,有对websocket的封装的讲解吗,挂载到vue原型上的那种[滑稽]

gdlck__:
那直接使用localStorage不就行了,为啥还要用状态管理

【回复】对啊 我一直不理解 这个东西完全多此一举 反正刷新页面还要去本地取 为啥不用本地储层,而且用户登录根本没有必要使用vuex
环山漫步:
数据持久化可以做个系统的考量,找了个NPM上的包 mod-store . 支持本地存储,命名空间,避免项目同域下本地数据易污染的情况,也支持一些过期,默认值,读后即焚,与本地缓存数据加密等,有兴趣的可以看看。

Vue初学者哈哈:
6.24s开始清除缓存之后刷新页面,页面上为什么是false???私信老师拿到的代码,怎么和哈默看到的现象不一样呢

Vue初学者哈哈:
假设 a是 从vuex中获取 b是从locaStorage中获取 a??b,可以吗。

丿浮夸丶年华:
up可以告诉我你这个vs主题是啥吗。超级喜欢。[doge]

【回复】【分享5个开发Vue时常用的插件!(包含编辑器主题)【Vue】-哔哩哔哩】https://b23.tv/Wt3lTs
惟恋长穹雪轻舞:
太棒了 自己在开的项目的时候就发现了这个问题 每次刷新页面全局数据都会清空

怀孕骆驼仨鼓包儿:
哈默真的很棒,你的频道已经是我自学前端的圣经了。最浅显的例子帮我理解

smallturbo:
UP的编辑器和主题还有字体是什么啊[doge]

知识分享官 编程 前端 JS JAVASCRIPT WEB 经验分享 VUE WEB前端 打卡挑战

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!