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