How to dynamically load data?

<script setup>
import { ref, onMounted } from 'vue';


const formRule = ref([
  {
    type: 'select',
    field: 'country',
    title: 'Select Country',
    options: []
  }
]);


onMounted(() => {
  formRule.value[0].options = [
    { label: 'United States', value: 'USA' },
    { label: 'China', value: 'China' }
  ];
});
</script>

Load Remote DataLoad External Data