vue3-storage存session使用组合式示例代码
时间: 2023-12-08 09:04:03 浏览: 31
以下是一个使用 vue3-storage 组合式 API 存储在 sessionStorage 的示例代码:
```js
import { ref, onMounted } from 'vue'
import { useStorage } from 'vue3-storage'
export default {
setup() {
const count = ref(0)
// 使用 useStorage 组合式 API,指定使用 sessionStorage
const { get, set } = useStorage({
storage: window.sessionStorage,
namespace: 'myapp_',
})
onMounted(() => {
// 初始化 count 的值
count.value = get('count') || 0
})
const increment = () => {
count.value++
set('count', count.value)
}
return {
count,
increment,
}
},
}
```
在使用 `useStorage` 函数时,将 `storage` 参数指定为 `window.sessionStorage` 即可使用 sessionStorage 作为存储引擎。其他代码与使用 localStorage 的示例相似。