如何在选择框中获取类别列表选项

<select id="categorySelect">
  <option value="1">类别1</option>
  <option value="2">类别2</option>
  <option value="3">类别3</option>
</select>

var selectElement = document.getElementById("categorySelect");
var selectedValue = selectElement.value;

// 使用jQuery的AJAX请求示例
$.ajax({
  url: "获取类别列表的API地址",
  method: "GET",
  success: function(response) {
    var selectElement = document.getElementById("categorySelect");
    for (var i = 0; i < response.length; i++) {
      var option = document.createElement("option");
      option.value = response[i].id;
      option.text = response[i].name;
      selectElement.appendChild(option);
    }
  },
  error: function(error) {
    console.log("获取类别列表失败：" + error);
  }
});

<template>
  <select v-model="selectedCategory">
    <option v-for="category in categories" :value="category.id">{{ category.name }}</option>
  </select>
</template>

<script>
export default {
  data() {
    return {
      selectedCategory: '',
      categories: []
    };
  },
  mounted() {
    // 通过API请求获取类别列表数据
    // 并将数据赋值给categories数组
  }
};
</script>