如何动态加载数据？

vue

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


const formRule = ref([
  {
    type: 'select',
    field: 'country',
    title: '选择国家',
    options: []
  }
]);


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

加载远程数据加载外部数据

如何动态加载数据？ ​

如何动态加载数据？