Формиране на select в цикъл във Vue

Таговете option могат също да се създават не ръчно, а с помощта на цикъл. Вижте примера:

App.vuedata() {
  return {
    selected: 'value1',
    options: ['value1', 'value2', 'value3'],
  }
}

App.vue<template>
  <select v-model="selected">
    <option v-for="option in options">{{ option }}</option>
  </select>
  
  <p>{{ selected }}</p>
</template>

Задание 1

Направете селект, с помощта на който може да изберете име на ден от седмицата.

Задание 2

Направете три селекта, с помощта на които може да изберете ден, месец и година.

Задание 3

Модифицирайте предходната задача така, че по подразбиране в селектите да е избрана текущата дата.