如何从axios中检索数据并将其填充到Vue.js中的编辑表单(选择选项)中？

<template>
  <div>
    <select v-model="selectedOption">
      <option v-for="option in options" :value="option.id" :key="option.id">{{ option.name }}</option>
    </select>
  </div>
</template>

<script>
import axios from 'axios';

export default {
  data() {
    return {
      options: [], // 存储从后端获取的数据
      selectedOption: '' // 选择的选项
    };
  },
  mounted() {
    axios.get('/api/data') // 发送GET请求获取数据
      .then(response => {
        this.options = response.data; // 将获取到的数据赋值给options数组
      })
      .catch(error => {
        console.error(error);
      });
  }
};
</script>