<div id="app">
  <select v-model="selectedCity">
    <option
      v-for="city in cities"
      :key="city.value"
      :value="city.value"
    >
      {{ city.label }}
    </option>
  </select>
  {{ selectedCity }}
</div>
const app = new Vue({
  el: '#app',
  data() {
    return {
      selectedCity: 'nsk',
      cities: [
        { value: 'msk', label: 'Москва'},
        { value: 'spb', label: 'Санкт-Петербург'},
        { value: 'nsk', label: 'Новосибирск'},
        { value: 'kzn', label: 'Казань' }
      ]
    }
  }
})

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.11/vue.min.js