VUEX 數據持久化,刷新后重新獲取的例子

更新時間：2019年11月12日 08:51:31 作者：帥氣你勇哥

今天小編就為大家分享一篇VUEX 數據持久化,刷新后重新獲取的例子，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧

VUEX 數據持久化

// 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 數據持久化,刷新后重新獲取的例子就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

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