0.0.4 • Published 10 months ago
@hsdata/user-store v0.0.4
使用
import {getStore,setStore,addConfigRule,getConfigRule,mapState,setMapDefault,setMapState,storeState,setMapConfig,getMapConfig} from '@hsdata/user-store'
//设置值
setStore('test1', 'value-test')
//添加一个全局方法
addConfigRule('global-function', (key)=>{console.log(getStore(key))})
//vuex getters 的替换方法
setMapState({
getTest1(){
return getStore('test1', '')
}
})
//批量设置 setStore,如无法保证key的唯一性,请使用setMapConfig设置一个工作区间,防止key重复
setMapDefault({
key1: 'value1'
key2: 'value2'
})
//存在工具区间的参数
setMapConfig('space', {
key1: 'value1'
key2: 'value2'
})
export default {
data(){
return {
test1:
}
},
computed:{
getTest(){
return getStore('test1', 'defaultValue') //使用值
},
//vuex mapGetters 的替换方法
...mapState(['getTest1']),
//批量获取存在工作区间的参数
...getMapConfig('space',['key1','key2']) //console.log(this.key1)
},
created(){
//使用函数
const userRule = getConfigRule('global-function')
userRule('test')
},
mounted(){
//storeState 可以直接获取和设置store内的值
console.log(storeState.test1)
storeState.test1 = 2
}
}
storeState
storeState可直接设置和使用store内的参数,工作区间的参数获取方法storeState[ space + '_'+ key]
函数列表 斜体表示非必传
函数 | 描述 | 参数 |
---|---|---|
getStore | 获取值 | key, defaultValue |
setStore | 设置值 | key, value |
addConfigRule | 设置配置函数 | ruleName , fn |
getConfigRule | 获取配置函数 | ruleName |
setMapState | vuex getters 的替换方法 | obj{key:function } |
mapState | vuex mapGetters的替换方法 | keys: key |
setMapDefault | 批量设置值 | obj:{key:value} |
setMapConfig | 批量设置值(限制工作区间) | space , obj:{key:value} |
getMapConfig | 批量获取值(限制工作区间) | space, keys:key |