Trabajo con radio en Vue

El trabajo con radio se realiza de manera similar. Veámoslo en la práctica. Para empezar, creemos una propiedad choice que vincularemos a un grupo de radio:

javascriptdata() {
  return {
    choice: '',
  }
}

Ahora creemos un grupo de radio:

App.vue<template>
  <input name="radio" type="radio">
  <input name="radio" type="radio">
  <input name="radio" type="radio">
</template>

Escribamos la directiva v-model en cada uno y vinculemos la propiedad choice a ella:

App.vue<template>
  <input name="radio" type="radio" v-model="choice">
  <input name="radio" type="radio" v-model="choice">
  <input name="radio" type="radio" v-model="choice">
</template>

Démosle también a cada uno su propio value:

App.vue<template>
  <input name="radio" type="radio" v-model="choice" value="v1">
  <input name="radio" type="radio" v-model="choice" value="v2">
  <input name="radio" type="radio" v-model="choice" value="v3">
</template>

Ahora en la propiedad choice siempre estará el value del radio marcado:

App.vue<template>
  you choosed: {{ choice }}
</template>