在Vue中，radio的設置非常簡單，主要有兩種方式。第一種方式是使用v-model指令，將選中的值綁定到數據中。

<template>
<div>
<input type="radio" id="male" value="male" v-model="selectedGender">
<label for="male">Male</label>
<input type="radio" id="female" value="female" v-model="selectedGender">
<label for="female">Female</label>
<p>Selected gender: {{ selectedGender }}</p>
</div>
</template>
<script>
export default {
data() {
return {
selectedGender: ''
}
}
}
</script>

上面的代碼中，我們使用了v-model指令綁定了選中值到selectedGender數據中。注意，radio需要設置value屬性以便獲取選中值。我們還可以使用一個數組將選項遍歷出來，同時使用v-model將選中值綁定到數據中。代碼如下：

<template>
<div>
<p>Selected fruit: {{ selectedFruit }}</p>
<input type="radio" v-for="fruit in fruits" :key="fruit" :id="fruit" :value="fruit" v-model="selectedFruit">
<label :for="fruit" v-text="fruit"></label>
</div>
</template>
<script>
export default {
data() {
return {
fruits: ['Apple', 'Banana', 'Orange'],
selectedFruit: ''
}
}
}
</script>

上面的代碼中，我們使用了v-for指令將fruits數組中的選項遍歷出來，并使用v-model將選中值綁定到selectedFruit數據中。注意，v-for指令中需要使用:key綁定唯一的key值。我們也可以使用v-bind指令將選中的值綁定到自定義組件的props屬性中，代碼如下：

<template>
<div>
<my-radio :options="options" :value="selectedValue" @change="handleChange"></my-radio>
<p>Selected value: {{ selectedValue }}</p>
</div>
</template>
<script>
import MyRadio from './MyRadio.vue'
export default {
components: {
MyRadio
},
data() {
return {
options: [
{ label: 'Option 1', value: 'option1' },
{ label: 'Option 2', value: 'option2' },
{ label: 'Option 3', value: 'option3' }
],
selectedValue: ''
}
},
methods: {
handleChange(value) {
this.selectedValue = value;
}
}
}
</script>

上面的代碼中，我們封裝了一個名為MyRadio的組件。該組件接收兩個props屬性，options為選項數組，value為選中值。組件會遍歷options數組，將選項渲染出來，并添加相應的事件監(jiān)聽器。當選中值發(fā)生變化時，組件會通過$emit觸發(fā)change事件，傳遞當前選中值。父組件通過@change監(jiān)聽該事件，并將選中值賦值給selectedValue數據。由于selectedValue數據是雙向綁定的，當選中值發(fā)生變化時，頁面上的內容會同步更新。

以上就是Vue中設置radio選中的方法介紹。無論是簡單的單選按鈕，還是復雜的自定義組件，Vue都提供了便捷的方式幫助我們實現。