vuex中数据持久化插件vuex-persistedstate怎么用


小编给大家分享一下vuex中数据持久化插件vuex-persistedstate怎么用,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!vuex是在中大型项目中必不可少的状态管理组件,刷新会重新更新状态,但是有时候我们并不希望如此。例如全局相关的,如登录状态、token、以及一些不常更新的状态等,我们更希望能够固化到本地,减少无用的接口访问,以及更佳的用户体验。目前的环境版本:”vue”: “^2.5.2”,
“vue-router”: “^3.0.1”,
“vuex”: “^3.4.0”,
“vuex-persistedstate”: “^3.0.1”,vuex已经升级到了3,看了release note没有发现太过分的升级,预计不会出现不兼容的情况,有感兴趣的小伙伴可以升级体验一下。在vuex初始化时候,作为组件引入。vuex-persistedstate默认使用localStorage来固化数据,一些特殊情况要如何应对呢?(如:safari的无痕浏览模式)需要使用sessionStorage的情况使用cookie的情况默认持久化所有state指定需要持久化的state,配置如下vuex引用多个插件的写法譬如:vuex提示的插件和持久化的插件一起使用,配置如下plugins要是一个一维数组不然会解析错误
这是一个做持久化的插件:vuex-persistedstate我在做项目时,遇到一个问题,就是做下面这个功能,渲染数据的时候,因为这个数据好多个地方使用,所以呢,把它存到了vuex里面。vuex 是将数据存到了浏览器的内存中,刷新就没了这行代码是写在vuex里面的,就是说,我直接从本地去拿数据直接看下代码: 我一开始是这样想的,既然我vuex中有数据了,不用计算属性行不行,直接渲染,确实可以渲染,但是品牌这一项咋渲染呢,push行不通啊,那就只能把结构写死,但是页面效果就不对了,所以这个地方用计算属性,第一,动态的取到前两项,第二,可以动态的添加新的 li 结构。计算属性使用的场景:有数据啦,但不是我想要的格式,要加工加工以上是“vuex中数据持久化插件vuex-persistedstate怎么用”这篇文章的所有内免费云主机域名容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注百云主机行业资讯频道!

相关推荐: 怎么用Vue+Echarts实现简单折线图

本文小编为大家详细介绍“怎么用Vue+Echarts实现简单折线图”,内容详细,步骤清晰,细节处理妥当,希望这篇“怎么用Vue+Echarts实现简单折线图”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。Vue+Echarts实现一个…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

Like (0)
Donate 微信扫一扫 微信扫一扫
Previous 07/27 11:10
Next 07/27 11:11

相关推荐