[VueJS] v-model로 radio 처리

⏺ v-model로 radio 처리

radio버튼을 반드시 하나의 요소만 담기 때문에
v-model로 연결시킨 데이터는 value 값을 가지게 됩니다.

<template>
    <div>
        <input type="radio" v-model="radioValues" value="1R">
        <input type="radio" v-model="radioValues" value="2R">
        <input type="radio" v-model="radioValues" value="3R">
        <input type="radio" v-model="radioValues" value="4R">
        {{radioValues}}
    </div>
</template>

<script>
export default {
    data(){
        return{
            radioValues: '',
        }
    }
}
</script>