Vue中的input radio用于多選項中選擇一個選項。使用Vue input radio的方式和使用其他表單控件非常相似。下面我們來看一下如何使用Vue input radio。

<div id="app">
<h1>請選擇您最喜歡的水果:</h1>
<p>
<label><input type="radio" v-model="selected" value="apple"> 蘋果</label>
</p>
<p>
<label><input type="radio" v-model="selected" value="banana"> 香蕉</label>
</p>
<p>
<label><input type="radio" v-model="selected" value="orange"> 橙子</label>
</p>
<p>您選擇的水果是: {{ selected }}</p>
</div>
<script>
new Vue({
el: '#app',
data: {
selected: ''
}
})
</script>

在上面的代碼中，我們先定義了一個id為app的div，然后在div中定義了三個input radio，每個input radio都給定了一個value值。其中v-model指令用于將selected變量綁定到選中的radio的value值上，以便將所選的水果展示給用戶。最后，在一個p標簽中，我們使用雙花括號插值語法來展示所選的水果。

使用Vue input radio可以很容易地為用戶提供多選項選擇，同時使我們的代碼更加簡潔和易于理解。希望本文對你有所幫助。