@hsdata/user-store
v0.0.4
Published
Downloads
3
Keywords
Readme
使用
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 ] |