vue3-storage使用组合式示例代码

以下是一个使用 vue3-storage 组合式 API 的示例代码：

import { ref, onMounted } from 'vue'
import { useStorage } from 'vue3-storage'

export default {
  setup() {
    const count = ref(0)

    // 使用 useStorage 组合式 API
    const { get, set } = useStorage({
      storage: window.localStorage,
      namespace: 'myapp_',
    })

    onMounted(() => {
      // 初始化 count 的值
      count.value = get('count') || 0
    })

    const increment = () => {
      count.value++
      set('count', count.value)
    }

    return {
      count,
      increment,
    }
  },
}

在组合式 API 中，使用 `useStorage` 函数来创建一个存储引擎实例，然后通过 `get` 和 `set` 方法来读取和存储数据。在 `setup` 函数中，可以直接使用 `get` 方法来初始化组件的状态，而不需要在 `data` 选项中声明变量。