vue3组合式怎么使用sessionStorage

在 Vue3 中使用组合式 API 时，可以使用 `@vueuse/core` 库中的 `useStorage` 方法来访问 `sessionStorage`。

首先，需要安装 `@vueuse/core` 库：

npm install @vueuse/core --save

然后，在组合式 API 的函数中使用 `useStorage`：

import { useStorage } from '@vueuse/core';

export default {
  setup() {
    const sessionStorageData = useStorage('my-data', 'session');

    // 设置 sessionStorage：
    sessionStorageData.value = 'Hello World';

    // 获取 sessionStorage：
    const value = sessionStorageData.value;
    
    return {
      value
    };
  }
}

在上面的代码中，`useStorage` 方法接收两个参数：存储的键和存储类型，这里我们传入了 `session` 表示使用 `sessionStorage`。然后，我们可以通过 `sessionStorageData.value` 来读写 `sessionStorage`。

需要注意的是，`useStorage` 方法返回的是一个响应式的对象，所以在模板中使用时，需要使用 `.value` 来获取值，如 `{{ sessionStorageData.value }}`。

这样就可以在 Vue3 的组合式 API 中使用 `sessionStorage` 了。