First of all, we need something to choose from, so we write an array in our Vue instance:
new Vue({ el: '#app', data: { genders: ['male', 'female', 'alien'], gender: undefined } })
We will use the variable gender (singular) to hold the value of the chosen option. From here, we can set up a form in just a few lines:
<div id="app"> <form> <fieldset> <legend>Choose your gender</legend> <label> <input type="radio" v-model="gender" value="male"/> Male </label><br> <label> <input type="radio" v-model="gender" value="female"/> Female </label> <br> <label> <input type="radio" v-model="gender" value="alien"/> Alien </label> </fieldset> </form> </div>
You can run the app and it will work; however, you need to ...
