如何根据Vue.js选中的单选按钮有条件地呈现元素

data() {
  return {
    selectedOption: ''
  }
}

<input type="radio" id="option1" value="option1" v-model="selectedOption">
<label for="option1">Option 1</label>

<input type="radio" id="option2" value="option2" v-model="selectedOption">
<label for="option2">Option 2</label>

<div v-if="selectedOption === 'option1'">
  <!-- 根据选中的Option 1来呈现的元素 -->
</div>

<div v-else-if="selectedOption === 'option2'">
  <!-- 根据选中的Option 2来呈现的元素 -->
</div>

<div v-else>
  <!-- 默认情况下呈现的元素 -->
</div>