Module vx-hooks/useMap

useMap

• useMap<T, U>(initVal?: Iterable<readonly [T, U]>): UseMapAPI<T, U>

• Map类型 hook

  example

  <template>
    <div class="home">
      <div>
          <input v-model='newName' />
          <button @click='add'>
              add
        </button>
        <ul>
            <li v-for='name of names' :key='name' @click='remove(name)' > 
                  {{ name }}     
          </li>    
        </ul>
      </div>
    </div>
  </template>
  <script>
  import { ref, computed } from 'vue'
  import { useMap } from 'vx-hook'
  export default {
    setup(){
      const newName = ref('')
      const { map, get, set, remove } = useMap([
        [ 'Rogen', 1 ],  
        [ 'Coco', 2 ],
        [ 'Jim', 3 ]
      ])
      const names = computed(() => [ ...map.keys() ])
      const add = () => set(newName, names.value.length)
        
      return {
        newName,
        names,
        remove
      }
    }
  }
  </script>
  

  Type parameters

  • T

    map key 类型

  • U

    map value 类型

  Parameters

  • initVal: Iterable<readonly [T, U]> = ...

    初始Map配置

  Returns UseMapAPI<T, U>