vue3-storage使用示例代码

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

import { createApp } from 'vue'
import App from './App.vue'
import VueStorage from 'vue3-storage'

const app = createApp(App)

// 使用 vue3-storage
app.use(VueStorage, {
  storage: window.localStorage, // 指定使用 localStorage 作为存储引擎
  namespace: 'myapp_', // 指定命名空间，避免不同应用之间的数据冲突
  name: 'storage', // 指定 Vue 实例上挂载的属性名称
})

app.mount('#app')

在 Vue 组件中，可以通过 `this.$storage` 访问存储引擎。例如：

export default {
  data() {
    return {
      count: this.$storage.get('count') || 0
    }
  },
  methods: {
    increment() {
      this.count++
      this.$storage.set('count', this.count)
    }
  }
}

这样就可以使用 `this.$storage` 来进行数据的读取和存储了。注意，在实际使用时，还需要根据具体需求选择合适的存储引擎，并设置相应的配置项。