Application of mapState idea in vuex

computed(){
  count1(){
    return this.targetObj.count1
  },
  count2(){
    return this.targetObj.count2
  },
  // ...
  // Imagine this. You have to write similar code 5 or 10 times}

computed(){
  count(){
    return this.$store.count
  }
}

  var mapState = normalizeNamespace(function (namespace, states) {
    // Define an object to store and get the specified attribute var res = {};
    normalizeMap(states).forEach(function (ref) {
      var key = ref.key;
      var val = ref.val;
      // Define a method to get the specified attribute in the specified object res[key] = function mappedState () {
        var state = this.$store.state;
        var getters = this.$store.getters;
        // Find the specified store module object according to namespace if (namespace) {
          var module = getModuleByNamespace(this.$store, 'mapState', namespace);
          if (!module) {
            return
          }
          state = module.context.state;
          getters = module.context.getters;
        }
        // Get the properties of the store module obtained by specifying the namespace return typeof val === 'function'
          val.call(this, state, getters)
          : state[val]
      };
    });
    // Return function object return res
  });

export const mapTargetValue = (nameSpace, keyList = [])=>{
  const result = {}
  // Note: Do not use arrow functions for the returned method, otherwise you will not be able to get this
  // Two forms of keyList are compatible here, refer to the usage form of attribute renaming in mapState if(Array.isArray(keyList)){
    keyList.forEach( key => result[key] = function(){ 
        // Here we assume that the namespace object can be obtained directly on this // Of course, the complexity of obtaining the specified object depends on your code logic return this[nameSpace][key] || 0
    })   
  }else if(typeof keyList === 'object' && keyList){
    for(let key in keyList){
      result[keyList[key]] = function(){ return this[nameSpace][key] || 0}
    }
  }
  return result
}

computed: {
    ...mapTargetValue("targetObj", ["count1", "count2"]),
    ...mapTargetValue("targetObj", { count1: "count3", count2: "count4"}),
}