Selectin muodostaminen silmukassa Vue:ssa

Tägejä option voidaan myös luoda ei manuaalisesti, vaan silmukan avulla. Katso esimerkki:

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

Tee select, jonka avulla voidaan valita viikonpäivän nimi.

Задание 2

Tee kolme selectiä, joiden avulla voidaan valita päivä, kuukausi ja vuosi.

Задание 3

Muokkaa edellistä tehtävää siten, että oletusarvoisesti selecteissä on valittuna nykyinen päivämäärä.