使用嵌套Vue.js数组填充JSON选择框

new Vue({
  el: '#app',
  data: {
    options: []
  },
  // ...
});

new Vue({
  el: '#app',
  data: {
    options: []
  },
  created() {
    // 异步请求获取JSON数据
    fetch('data.json')
      .then(response => response.json())
      .then(data => {
        this.options = data;
      })
      .catch(error => {
        console.error('Error:', error);
      });
  },
  // ...
});

<div id="app">
  <select>
    <option v-for="item in options" :value="item.value">{{ item.label }}</option>
  </select>
</div>

[
  {
    "label": "Option 1",
    "value": "option1"
  },
  {
    "label": "Option 2",
    "value": "option2",
    "children": [
      {
        "label": "Suboption 1",
        "value": "suboption1"
      },
      {
        "label": "Suboption 2",
        "value": "suboption2"
      }
    ]
  }
]