1.1.0 • Published 2 years ago
vuex-persist-plugin-ts v1.1.0
功能
vuex-persist-plugin是一个vuex的插件,支持vuex4以及ts。此插件配置项非常简单,只需要告知插件storage的名字、需要保存的state以及storage的种类(支持localstorage、sessionstorage)即可
用法
支持保存整个module的数据,并支持保存module中某一个state的数据
import { createStore } from 'vuex'
import VuexPersister from "vuex-persist-plugin-ts";
const vuexPersister = new VuexPersister({
key: 'my_key',
saveParams: ['count', 'A.number'],
});
export default createStore({
state: {
count: 0,
age: 0,
},
modules: {
A: {
namespaced: true,
state: {
number: 0,
},
}
},
plugins: [
vuexPersister.bootstrap,
]
})
配置项
参数名 | 可选值 | 含义 | 默认值 |
---|---|---|---|
storage | localstorage / sessionstorage / 空 | storage种类 | localstorage |
saveParams | 'username', 'music.musicName' / 空 | 需要加缓存的路径 | [] |
key | 'my-vuex' / 空 | 缓存key的命名 | 'vuex-persist-plugin' |