uni-local-storage

数据均为双向绑定与vue视图一直无需手动刷新 for vue3

install

NPM

npm uni-local-storage --save

YARN

yarn add uni-local-storage

Usage

uni storage API

import { createStorage } from "@/uni_modules/suixin-uni-local-storage"; // or import { createStorage } from "uni-local-storage";

// 实例化存储
const config = {
  namespace: "__ls__", // 当前存储key前缀 推荐动态读取manifest.json文件中AppID（appid）
  name: "ls" // 可选 自定义全局变量名称
}
// name 默认 ls；
const storage = createStorage(config);
// #ifdef VUE3
const app = createSSRApp(App);
app.use(storage);
// #endif

Context

  import { useStore } from "uni-local-storage";
  const store = useStore("foo");
  store.setEffectiveTime(10) // 设置数据有效时间 s
  console.log(store.state) // 数据内容；
  store.state = "any" // 设置数据内容

API

const store = useStore(name)

返回key为name的本地存储数据store。

store.setEffectiveTime(time);

设置当前store的有效时间（单位秒）。

• 不设置表示永久生效，每次更新数据会重新倒计时

store.removeEffectiveTime();

移除store的有效时间，永久有效

store.state = undefined;

删除当前store本地存储数据

store.state = "any";

设置当前store数据

仅支持uni支持的数据类型