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データは恒久化されています。更新して新たに取得した例は、小編集が皆さんに共有している内容の全てです。参考にしていただければ幸いです。よろしくお願いします。