JSFiddle - React, Tailwind, and code Playground

HTML

<div id="app" class="col-md-4">
    <template v-for="(val, id) in values">
        <input :id="id" type="radio" v-model="selectedValues" 
          :value="{value: val.value, size: val.size}">
        <label :for="id">{{val.name}}</label><br>
    </template>    
    <p v-if="selectedValues!==null">{{selectedValues.value}} {{selectedValues.size}}</p>
</div>

JavaScript

var app = new Vue({
        el: '#app',
        data: {
            values:[
                {name:'one', size: 's', value: 1},
                {name:'two', size: 'm', value: 2},
                {name:'three', size: 'l', value: 3}               
            ],  
            selectedValues: {
            	value: 1,
              size: 's'
            }
        }
    });