Работа з select у Vue

Праца з select ажыццяўляецца аналагічна - на тэг вешаецца атрыбут v-model, да яго прывязваецца ўласцівасць аб'екта data. У гэту ўласцівасць будзе трапляць тэкст абранага тэга option.

Наступны код дэманструе прыклад працы выпадаючага спісу:

javascriptdata() {
  return {
    selected: 'value1', // значэнне па змаўчанні
  }
}

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