在Web開發中，我們經常需要提供一組選項供用戶選擇一個。單選radio列表就是其中的一種。Vue是一款非常流行的JavaScript框架，它提供了很多方便的指令和組件，以簡化Web開發。在本文中，我們將詳細介紹如何使用Vue來創建單選radio列表。

上面是一個簡單的單選radio列表的Vue組件。我們使用了v-for指令來遍歷選項數組，并使用:v-model指令來綁定選中的值。當用戶選擇一個選項時，該值將會更新。

在這個組件中，我們使用了一個data對象來存放選項和選中的值。在data對象中，我們定義了options數組，用于存放所有可選的選項。每個選項是一個對象，包括一個標簽(label)和一個值(value)屬性。

我們還定義了一個selected變量來存放選中的值。在最初的狀態下，該變量為null。當用戶選中一個選項時，它將被更新為相應的值。

在模板中，我們使用了v-for指令來遍歷options數組，并使用:key指令為每個選項設置一個唯一的標識符。在p標簽中，我們使用了元素來表示單選按鈕，其中:value指令將當前選項的值綁定到單選按鈕的值。當用戶選擇一個選項時，v-model指令將會更新selected變量的值。

最后，在模板中，我們輸出了用戶選擇的選項。在這個例子中，我們簡單地使用了一個p標簽來顯示一個字符串，該字符串包括一個模板占位符{{ selected }}，它會被替換為選中的值。