<template id="rxselect">
  
  <select v-model="innerValue">
    <option
            v-for="[k,v] in map"
            :value="k"
            :key="k"
            >{{v}}</option>
  </select>
  
</template>

<div id="app">
  The currently selected gender is:
  {{map.get(gender)}}
  <div>
    <rx-select :map="map" v-model="gender" />
  </div>