Trabalhando com select no Vue

Trabalhar com select é feito de forma semelhante - o atributo v-model é adicionado à tag, vinculando-o a uma propriedade do objeto data. Nesta propriedade será armazenado o texto da tag option selecionada.

O código a seguir demonstra um exemplo de funcionamento de uma lista suspensa:

javascriptdata() {
  return {
    selected: 'value1', // valor padrão
  }
}

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