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