龙空技术网

刷新页面之后Vuex中的数据就会丢失,怎么办?说说Vuex持久化存储

代码开发 2900

前言:

而今看官们对“vuex怎么取数据”可能比较讲究,小伙伴们都需要学习一些“vuex怎么取数据”的相关文章。那么小编在网上汇集了一些对于“vuex怎么取数据””的相关内容,希望小伙伴们能喜欢,看官们快快来学习一下吧!

Vuex 中的数据,刷新页面之后就会丢失。要实现持久化存储需要借助本地存储(cookie 和 storage 等),一般是登录之后返回的数据(角色,权限,token 等)需要存储到 Vuex,所以我们可以在登录页将数据存储到本地,而在主页面(除了登录页,其他所有页面的入口)进入之前(beforeCreate 或者路由钩子 beforeRouteEnter)读取出来,并提交到 Vuex 就好了。这样即使刷新,也会触发主页面的进入钩子函数,会被提交到 Vuex。

beforeRouteEnter的回调会在mounted钩子之后触发,这就比较蛋疼了。而主页面的mounted会在所有子组件的mounted之后触发,所以我们可以这样写。

标签: #vuex怎么取数据