VUEX数据持久化

刷新页面,vuex里面数据丢失、清空。有时候我们需要把一些数据固话到本地,即使刷新也不能清空,例如:登陆状态、token等。这是就需要用到vuex数据持久化

//需要先下载插件npm install vuex-persistedstate--save 或者 使用yarnaddvuex-persistedstate--save

//在vuex初始化时导入插件importpersistfrom'vuex-persistedstate'//并使用exportdefaultnewVuex.Store({state:{},mutations:{},actions:{},modules:{},plugins:[newpersist({storage:window.localStorage,}),],//会自动保存状态,刷新时不会丢失})

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 最近公司里的一个项目,登录之后用户的数据和权限保存在vux中,在各个页面调用,这里就遇到了vuex数据持久化的问题...
    Tropic丶阅读 7,116评论 0 6
  • 1 .如果想让某些数据页面刷新之后不消失,那就可以结合本地存储做到数据持久化2 .比如之前的搜索记录,还有一些需要...
    skoll阅读 8,567评论 2 2
  • vuex可以进行全局的状态管理,但刷新后刷新后数据会消失,这是我们不愿意看到的。怎么解决呢,我们可以结合本地存储做...
    无脚鸟30阅读 10,834评论 1 31
  • 直接上代码vuex的简单存取可以看我之前的汶上vuex简单存取[https://www.jianshu.com/p...
    X_8d6a阅读 6,038评论 0 0
  • 利用vuex-persistedstate对vuex中的数据进行持久化存储到sessionstorage中,但是一...
    一只鱼_d589阅读 7,898评论 0 0

友情链接更多精彩内容