vue3在退出登录时清空sessionStorage中存储的store信息

在 Vue 3 中，你可以通过在 `beforeUnmount` 钩子中清空 `sessionStorage` 来实现退出登录时清空存储的 `store` 信息。具体步骤如下：

1. 在 `store` 中添加一个 `reset` 方法，用于清空 `store` 中的状态：

const store = createStore({
  state: {
    // ...
  },
  mutations: {
    // ...
  },
  actions: {
    // ...
  },
  getters: {
    // ...
  },
  reset() {
    Object.assign(this.state, getDefaultState());
  }
});

其中，`getDefaultState` 是一个用于返回默认状态的函数。你需要根据你的实际情况实现它。

2. 在组件中使用 `reset` 方法清空 `store` 中的状态：

import { useStore } from 'vuex';

export default {
  setup() {
    const store = useStore();

    const handleLogout = () => {
      sessionStorage.clear(); // 清空 sessionStorage 中存储的信息
      store.reset(); // 清空 store 中的状态
    };

    return {
      handleLogout
    };
  }
};

在 `handleLogout` 方法中，我们首先清空 `sessionStorage` 中存储的信息，然后调用 `store.reset()` 方法清空 `store` 中的状态。

3. 在根组件中使用 `beforeUnmount` 钩子清空 `sessionStorage` 中存储的 `store` 信息：

import { createApp } from 'vue';
import App from './App.vue';
import store from './store';

const app = createApp(App);

app.use(store);

app.mixin({
  beforeUnmount() {
    sessionStorage.removeItem('store'); // 清空 sessionStorage 中存储的 store 信息
  }
});

app.mount('#app');

在根组件中使用 `beforeUnmount` 钩子，在组件卸载前清空 `sessionStorage` 中存储的 `store` 信息。

注意，这种方式只适用于单页面应用程序。如果你的应用程序是多页面应用程序，你需要使用其他方法来清空存储的 `store` 信息。