Map

<template>
  <div id="app">
    <hr>
    <select v-model="x">
      <option v-for="elem in Array.from(t)" :value="elem[0]" v-html="elem[1]" :key="elem[0]"/>
    </select>
    {{ x }} - {{ t.get(x) }} {{ d }}
  </div>
</template>

<script>
var kmap = new Map();
[
  { id: 1, op: "cica" },
  { id: 2, op: "csacsi" },
  { id: 3, op: "répa" },
  { id: 4, op: "retek" },
  { id: 5, op: "mogyoró" }
].forEach(v => kmap.set(v.id, v.op));
export default {
  name: "App",
  data() {
    return {
      x: 1,
      t: kmap,
      d: ""
    };
  }
};
</script>

<style>
#app {
  font-size: 20px;
}
</style>