Vue是一種輕量級的JavaScript框架，非常適合單選功能的實現(xiàn)。在Vue中，我們可以通過使用v-model和v-bind指令來實現(xiàn)單選。

<template>
<div>
<label v-for="option in options" :key="option.value">
<input type="radio"
v-model="selectedOption"
v-bind:value="option.value"/>
{{ option.text }}
</label>
<p>Selected: {{ selectedOption }}</p>
</div>
</template>
<script>
export default {
data() {
return {
options: [
{ value: 'option1', text: 'Option 1' },
{ value: 'option2', text: 'Option 2' },
{ value: 'option3', text: 'Option 3' }
],
selectedOption: ''
};
}
};
</script>

上面的代碼中，我們使用了兩個Vue指令來實現(xiàn)單選功能。首先，在input標簽中，我們使用了v-model指令來綁定selectedOption。這意味著每當我們選中單選框時，Vue會自動把選中的值綁定到selectedOption中。

其次，在label標簽中，我們使用了v-bind指令來綁定option的值。由于單選框只能選擇一個選項，因此我們需要把不同的選項值作為單選框的value，而不是text。當我們點擊單選框時，Vue會自動把該選項的value值綁定到selectedOption中。

最后，我們在p標簽中使用了{{ selectedOption }}來顯示選中的選項。由于selectedOption已經(jīng)被綁定到了單選框的值上，因此當我們點擊單選框時，Vue會自動更新該值，從而實現(xiàn)了單選功能。