在Vue.js应用程序中刷新浏览器时丢失数据

Question

背景

在Vue.js应用程序中，我正在装入生命周期方法中调用Getter VueX函数。这很好用，并且在页面加载时检索了我所有的客户数据。

我似乎要面对的问题是，当我刷新网页时，mount方法不会启动，并且所有数据都从我无法访问的状态中删除，直到我离开该页面然后返回。此时，我返回了mount函数，并再次返回了客户数据。

示例

mounted() {
    this.getCustomers();
  },

async getSelected() {
      console.log("Customer ", this.customer.email);
      this.currentCustomer = this.customer;
      this.updateCustomerData.clientID = this.currentCustomer.client_id;
      this.updateCustomerData.email = this.currentCustomer.email;
      this.updateCustomerData.password = this.currentCustomer.password;
      this.customer = this.customer.email;
      await this.RECEIVE_CLIENT_NOTES(this.currentCustomer.client_id);
    },

上面的函数调用VueX Getter来检索在Material Auto Complete Search组件内部使用的数据。当我导航到页面时，它会触发，但是当我在页面上并刷新时，它根本不会触发。刷新清除了状态，使我无法重新加载页面上的数据。

问题

我应该如何处理页面刷新以维护数据或从VueX调用Getter重新填充数据？