Trabajo con select en Vue

El trabajo con select se realiza de manera similar - al tag se le agrega el atributo v-model, que se vincula a una propiedad del objeto data. En esta propiedad se almacenará el texto del tag option seleccionado.

El siguiente código demuestra un ejemplo de funcionamiento de una lista desplegable:

javascriptdata() {
  return {
    selected: 'value1', // valor por defecto
  }
}

App.vue<template>
  <select v-model="selected">
    <option>value1</option>
    <option>value2</option>
    <option>value3</option>
  </select>
  
  <p>{{ selected }}</p>
</template>