1. 程式人生 > >VUEX 資料持久化,重新整理後重新獲取

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;
       }