1<input type="radio" id="one" value="One" v-model="picked">
2<label for="one">One</label>
3<br>
4<input type="radio" id="two" value="Two" v-model="picked">
5<label for="two">Two</label>
6<br>
7<span>Picked: {{ picked }}</span>
1<input type="checkbox" id="checkbox" v-model="checked">
2<label for="checkbox">{{ checked }}</label>
1<input v-model="message" placeholder="edit me">
2<p>Message is: {{ message }}</p>
1Although a bit magical, v-model is essentially syntax sugar for updating
2data on user input events, plus special care for some edge cases.