vuex 内获取不到sessionStorage数据

如果你在使用 Vuex 时无法从 `sessionStorage` 中获取数据，可能是因为 Vuex 的状态是响应式的，而 `sessionStorage` 中存储的数据不是响应式的。这意味着当你从 `sessionStorage` 中获取数据并将其存储在 Vuex 状态中时，如果你更新了 `sessionStorage` 中的数据，Vuex 状态并不会自动更新。

为了解决这个问题，你可以在 Vuex 的 `created` 钩子函数中初始化状态，从 `sessionStorage` 中获取数据并将其存储在 Vuex 状态中。然后，你可以使用 Vuex 提供的 `watch` 函数监视 `sessionStorage` 中数据的更改，并在数据更改时手动更新 Vuex 状态。

以下是一个示例代码，演示如何在 Vuex 内获取 `sessionStorage` 数据：

import Vue from 'vue';
import Vuex from 'vuex';

Vue.use(Vuex);

const store = new Vuex.Store({
  state: {
    myData: null,
  },
  mutations: {
    setMyData(state, data) {
      state.myData = data;
    },
  },
  actions: {
    initMyDataFromSessionStorage({ commit }) {
      const data = sessionStorage.getItem('myData');
      commit('setMyData', data);
    },
  },
  created() {
    this.dispatch('initMyDataFromSessionStorage');
    window.addEventListener('storage', (event) => {
      if (event.key === 'myData') {
        this.commit('setMyData', event.newValue);
      }
    });
  },
});

export default store;

在这个示例代码中，我们在 Vuex 的 `created` 钩子函数中调用 `initMyDataFromSessionStorage` action，并使用 `commit` 函数将从 `sessionStorage` 中获取的数据存储在 Vuex 状态中。然后，我们使用 `window.addEventListener` 监听 `storage` 事件，并在事件触发时使用 `commit` 函数手动更新 Vuex 状态。这样，无论你是从同一浏览器的不同标签页还是从不同的浏览器中更改了 `sessionStorage` 中的数据，都可以在 Vuex 状态中正确地反映出来。