vue3初始化请求数据

Question

vue3.0初始化请求数据

<script setup>
    const fn=()=>{
        //初始化请求接口
    }
    fn()
</script>
与

<script setup>
import { onMounted, reactive, ref, toRaw } from "vue";
const fn=()=>{
  //初始化请求接口
}
onMounted(()=>{
  fn()
})
    
</script>

请问这两种初始化请求的处理都可以吗？

Answer 1

参考GPT和自己的思路：

两种初始化请求数据的处理方式都是可以的，但是使用onMounted可以更好地控制初次渲染时的数据请求时机，避免出现接口请求过慢或者数据渲染不完整等问题，同时还可以更好地配合其他钩子函数一起使用。但如果你只是简单的请求数据，使用script setup中的方法也是可以的。