VUEX 數(shù)據(jù)持久化,刷新后重新獲取的例子
更新時(shí)間：2019年11月12日 08:51:31 作者：帥氣你勇哥
今天小編就為大家分享一篇VUEX 數(shù)據(jù)持久化,刷新后重新獲取的例子，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
VUEX 數(shù)據(jù)持久化
// store.js
getters: {
userInfo(state) {
console.log('getters',state);
if (!state.userInfo.id) {
let token = getStorage("token");
console.log('token',token);
if (token) {
let userInfo = getStorage("userInfo");
state.userInfo = userInfo.data;
}
}
return state.userInfo
}
},
注意：如果 使用this.$store.userInfo 是讀取不到的，必須使用getter
// component.js
userInfo() {
return this.$store.getters.userInfo;
}
以上這篇VUEX 數(shù)據(jù)持久化,刷新后重新獲取的例子就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
本篇文章給大家詳細(xì)介紹了vue跨域處理問(wèn)題的方式以及相關(guān)知識(shí)點(diǎn)介紹，對(duì)此有興趣的朋友學(xué)習(xí)下。2018-02-02
這篇文章主要介紹了Vue+Koa2 打包后如何進(jìn)行線上部署，給大家分享了一些問(wèn)題及解決方法,需要的朋友可以參考下2019-07-07
這篇文章主要介紹了element-ui中使用upload組件獲取上傳文件信息方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-07-07
Vue父子組件方法this.$emit()有時(shí)候不觸發(fā)問(wèn)題及解決
這篇文章主要介紹了Vue父子組件方法this.$emit()有時(shí)候不觸發(fā)問(wèn)題及解決,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-05-05
Vue項(xiàng)目如何改變屏幕尺寸重新刷新頁(yè)面-計(jì)算頁(yè)面尺寸
這篇文章主要介紹了Vue項(xiàng)目如何改變屏幕尺寸重新刷新頁(yè)面-計(jì)算頁(yè)面尺寸，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-09-09
VUE.js實(shí)現(xiàn)動(dòng)態(tài)設(shè)置輸入框disabled屬性
今天小編就為大家分享一篇VUE.js實(shí)現(xiàn)動(dòng)態(tài)設(shè)置輸入框disabled屬性，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-10-10
vue打包上傳服務(wù)器刷新404問(wèn)題的兩種方案
這篇文章主要給大家介紹了關(guān)于vue打包上傳服務(wù)器刷新404問(wèn)題的兩種方案，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-04-04
這篇文章主要介紹了詳解從Vue-router到html5的pushState，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-07-07
vue el-table實(shí)現(xiàn)遞歸嵌套的示例代碼
本文主要介紹了vue el-table實(shí)現(xiàn)遞歸嵌套的示例代碼，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2022-08-08
vue中的 scoped 屬性,其實(shí)就是給每一個(gè)dom節(jié)點(diǎn)元素都添加了不重復(fù)的自定義屬性（如：data-v-6810cbe5）,本文給大家介紹vue中的scoped屬性相關(guān)知識(shí),感興趣的朋友一起看看吧2023-12-12