JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.3.3/vue.js"></script>
<div id="demo">
  <p>Select your gender</p>
  <div>
    <input id="male" type="radio" name="gender" value="male" v-model="gender"/>
    <label for="male">Male</label>
  </div>
  
  <div>
    <input id="female" type="radio" name="gender" value="female" v-model="gender"/>
    <label for="female">Female</label>
  </div>
  
  <p>Selected gender is: {{ gender }}</p>
</div>

JavaScript

new Vue({
    el: '#demo',
    data: {
        gender: "female"
    }
})