@hsdata/user-store

0.0.4 • Public • Published

使用

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 ]

Readme

Keywords

none

Package Sidebar

Install

npm i @hsdata/user-store

Weekly Downloads

0

Version

0.0.4

License

none

Unpacked Size

3.58 kB

Total Files

3

Last publish

Collaborators

  • zhouyun31926
  • zclzy
  • wangxu45616
  • nvdsper
  • lizi530
  • dw-fujing
  • biao