मैं डेटा को कैसे पॉप्युलेट कर सकता हूं जो कि VueJS और axios का उपयोग करके Laravel में चुनिंदा विकल्प में API से प्राप्त किया जाता है?

<template>
    <div class="container">

        <h2>Total Recovered: {{Recovered}}</h2>

        <select name="" id="" >
            <option value="">Choose</option>
            <option   v-for="(list,index) in countryList" :key="list.id"   :index="index">

                {{list}}
            </option>

        </select>

    </div>
</template>

<script>
    import axios from 'axios'
    export default {
        name:'CoronaStatus',
        data: function () {
            return {

                Recovered: "Loading ...",
                countryList:[],
                // Country:''

            }
        },
        // mounted(){
        //
        //     this.globalStatus();
        // },

        methods:{
            globalStatus:function () {
                const options = {
                    headers: 	{"x-rapidapi-host": "covid-193.p.rapidapi.com",
                    "x-rapidapi-key": "ad21211fe4mshba485cda44108adp1712e0jsn54ed45914a9a"}
                };
                axios
                    .get("https://covid-193.p.rapidapi.com/countries", options)
                    .then(response=>response.json())
                    .then(response => {
                        // this.Recovered = response.data.Global.TotalRecovered;

                        this.countryList=response.data;

                        console.log(this.countryList);
                        // alert(this.countryList)
                    })
                    .catch(err => console.log(err));

            }

        },

        mounted(){

            this.globalStatus();
        },



    }
</script>

<style scoped>

</style>

<template>
    <div class="container">


        <select name="country">
            <option disabled value="">Choose</option>
            <option v-for="country in countryList" :key="country" :value="country">
                {{ country }}
            </option>
        </select>

    </div>
</template>

<script>
    import axios from 'axios'
    export default {
        data: () => ({
            Recovered: "Loading ...",
            countryList: []
        }),
        methods: {
            globalStatus () {
                const options = {
                    headers: 	{
                        "x-rapidapi-host": "covid-193.p.rapidapi.com",
                        "x-rapidapi-key": "ad21211fe4mshba485cda44108adp1712e0jsn54ed45914a9a"
                    }
                }
                axios.get('https://covid-193.p.rapidapi.com/countries', options).then(res => {
                    this.countryList = res.data.response
                    console.log(this.countryList);
                })
            }
        },
        mounted () {
            this.globalStatus()
        }

    }
</script>

<style scoped>

</style>