vue刷新页面，保持单选选中状态

要保持单选选中状态，我们可以使用v-model指令绑定一个变量，然后在刷新页面时，通过判断该变量的值来决定单选按钮是否选中。

下面是一个示例代码：

<template>
  <div>
    <label>
      <input type="radio" value="option1" v-model="selectedOption"> Option 1
    </label>
    <label>
      <input type="radio" value="option2" v-model="selectedOption"> Option 2
    </label>
    <label>
      <input type="radio" value="option3" v-model="selectedOption"> Option 3
    </label>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedOption: localStorage.getItem('selectedOption') || 'option1'
    }
  },
  watch: {
    selectedOption(newValue) {
      localStorage.setItem('selectedOption', newValue)
    }
  }
}
</script>

在上面的代码中，我们使用了localStorage来保存用户选择的选项，并在页面刷新时初始化了selectedOption变量的值。然后，我们使用watch监听selectedOption的变化，并在变化时将其值保存到localStorage中。

这样，当页面刷新时，选中的单选按钮的状态就会得到保持。