@xingyuelongchen/vue3-storage
Version:
浏览器Storage使用插件, Storage! Good!
73 lines (52 loc) • 1.65 kB
Markdown
# @xingyuelongchen/vue3-storage
支持 vue3 的浏览器缓存插件
## 安装
#### 下载 npm 包
```bash
npm i @xingyuelongchen/vue3-storage --save
```
## 使用方式
#### 可使用方法名
```javascript
/**
* 参数说明:
* @param {String} key 名称
* @param {Array|Object|Boolean|Number|String} value 保存的数据
* @param {Boolean} type true为sessionStorage, false为localStorage
*/
setStore(key, value, type); // 保存数据
getStore(key); // 获取指定数据
getAllStore(type); // 获取全部数据
removeStore(key); //删除指定数据
clearStore(type); //清空数据
clearAllStore(); //清空localStorage和sessionStorage全部数据
setCookie(key, value); // 设置cookie 浏览器cookie限制,使用cookie存储数据,不能过大,否则会出问题
getCookie(key); // 获取指定cookie
setsCookie(key, value); // 设置cookie
getsCookie(key); // 获取指定cookie
clearCookie(key); //清除指定cookie
```
#### Global instruction 全局注册
```javascript
import store from "@xingyuelongchen/vue3-storage";
// Vue3 注册插件
App.use(store);
// or 使用配置项
App.use(store, { key: "存储前缀", domain: "", maxage: 86400, path: "/" });
// Vue2.x 注册插件
// Vue.use(store);
// 在Vue组件内使用this访问
this.$setStore("key", "value");
```
> Local instruction 局部调用
```javascript
import { setStore, …… } from "@xingyuelongchen/vue3-storage";
// 直接调用相关方法
setStore('key','value')
```
## Run demo
```
npm install
npm run serve
-Local: http://localhost:8080/
```