为什么我刷新站点时无法从vuex加载数据？

Question

数据加载到任务数组中，我在vue开发者工具中看到了。刷新页面时，vuex返回的数组为空

Vuex 文件：

export const timelineState = {
  tasks: [],
};

export const timelineMutations = {
  getTasks(state, value) {
    state.tasks = value;
  }
};
export const timelineActions = {
  getByProjects({ commit }, query) {
    timelineApi.getByProjects(query)
      .then((respons) => {
        commit("getTasks", respons.data);
      })
      .catch((error) => {
        console.log(error);
      });
  },
};

Vue 文件：

export default {
  name: "Timeline",
  data() {
    return {
      t: []
    }
  }
  methods: {
    ...mapActions("timeline", [
      "getByProjects"
    ]),
  },
 computed: {
    ...mapState("timeline", [
      "tasks",
    ]),
  },
  created() {
    let query = {
      dateFrom: this.dateFrom,
      dateTo: this.dateTo,
    };
    this.getByProjects(query);
    this.t = this.tasks
  },
}

当我导航到该页面时，它会加载数据，但如果我刷新它，它不会。数据将是必需的，因为它需要被排序。我找到了一种将其保存到本地存储的方法，但我不想存储数据。我读了 vuex-persistedstate 但我不知道它是否是一个好的解决方案，因为它没有被维护

Answer 1

Vue 是一个 SPA 框架，SPA 不支持页面刷新。

我建议你使用 vuex-persistedstate npm 包来防止页面刷新时 daa 丢失。

https://www.npmjs.com/package/vuex-persistedstate

尽管他们已经停止支持，但这仍然支持最新版本的 Vue JS 和 VueX

为什么我刷新站点时无法从vuex加载数据？

Why can't I load data from vuex when I refresh site?

javascript

vue.js

vuex

vuejs3