欢迎来到代码驿站!

vue

当前位置:首页 > 网页前端 > vue

vuex实现数据状态持久化

时间:2021-02-02 10:11:12|栏目:vue|点击:

用过vuex的肯定会有这样一个痛点,就是刷新以后vuex里面存储的state就会被浏览器释放掉,因为我们的state都是存储在内存中的。

所以我们通过 vuex-persistedstate这个插件,来实现将数据存储到本地

用法很简单

1、

npm install vuex-persistedstate

2、

import createPersistedState from 'vuex-persistedstate'
const store = new Vuex.Store({
 modules: {
  app,
  user
 },
 getters,
 plugins: [createPersistedState()] //加上这个就可以了
})

上一篇:解决vue单页路由跳转后scrollTop的问题

栏    目:vue

下一篇:vue调用本地摄像头实现拍照功能

本文标题:vuex实现数据状态持久化

本文地址:http://www.codeinn.net/misctech/55678.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有