Vue是一個流行的JavaScript框架，其靈活性和易用性使其成為前端開發的首選工具。在Vue中使用radio按鈕來實現選擇功能，是一種常見需求。本文將介紹如何使用Vue來實現radio點亮的功能。

首先，需要在Vue中定義一個data屬性，用來儲存radio的值。可以設置一個默認值，比如空字符串或null。

data: {
radioValue: ''
}

接著，在template中添加一個radio組件，并將v-model綁定到data屬性上，這樣就能實時更新所選的值。

<template>
<div>
<input type="radio" id="radio1" value="option1" v-model="radioValue">
<label for="radio1">Option 1</label>
<input type="radio" id="radio2" value="option2" v-model="radioValue">
<label for="radio2">Option 2</label>
</div>
</template>

這段代碼中，v-model="radioValue"將input中選中的值與data中的值進行綁定，保證了radio點亮的正確性。其中value屬性可以設置所選值對應的值，而label標簽則是radio選項的文本表示。

最后，在Vue實例中添加一個computed屬性，用來根據radioValue的值來展示不同的結果。

computed: {
showResult: function() {
if (this.radioValue === 'option1') {
return 'You chose Option 1'
} else if (this.radioValue === 'option2') {
return 'You chose Option 2'
} else {
return 'Please select an option'
}
}
}

這段代碼中，computed屬性會根據radioValue的值展示不同的結果。如果沒有選中任何選項，則顯示“Please select an option”。反之，如果選中了Option 1，則顯示“You chose Option 1”。

以上就是使用Vue實現radio點亮的方法。通過綁定v-model屬性、設置value屬性、編寫computed屬性，可以實現radio選項的正確展示和控制。