大家好，
我想請問一個小小的疑惑
我的環境是Vue3,Vite

在開啟網頁時，如果我想接收伺服器回傳的資料，
並丟到顯示畫面時，
Axios是寫在setup裡面就好，還是寫在onMounted會比較好?
(因為兩個都可以執行，所以不曉得哪個寫法會比較好)

(1)直接寫在setup裡

<script setup>
    import { ref } from '@vue/runtime-core'
    import axios from 'axios'
    //伺服器 與 params
    const url = "192.168.xxx.xxx"
    const urlParams="warning"
    //接收伺服器的回傳資料
    const resData = ref()

    const getAxios = function(){
        axios.get(`http://${url}/userstatus`,
            { params : {status: urlParams } }
        ).then((res)=>{
            //獲取伺服器的回傳資料
            resData.value = res.data
        })
        .catch((error)=>{
            console.log(error,'失敗');
        })
    }
    //執行Axios
    getAxios()
</script>

<template>
    <h2>我是Axios</h2>
    <div>{{resData}}</div>
</template>

(2)寫在onMounted

<script setup>
    import { onMounted,ref } from '@vue/runtime-core'
    import axios from 'axios'
    //伺服器 與 params
    const url = "192.168.xxx.xxx"
    const urlParams="warning"
    
    //接收伺服器的回傳資料
    const resData = ref()
    
    onMounted(()=>{
        axios.get(`http://${url}/userstatus`,
            { params : {status: urlParams } }
        ).then((res)=>{
            //獲取伺服器的回傳資料
            resData.value = res.data
        })
        .catch((error)=>{
            console.log(error,'失敗');
        })
    })
</script>

<template>
    <h2>我是Axios</h2>
    <div>{{resData}}</div>
</template>