onLoad在用vue3组合式api该怎么写

在Vue 3的组合API中，`onLoad`通常不会直接作为组件内部的生命周期钩子使用，因为它们是从单文件组件时代的生命周期钩子迁移过来的，而在.vue文件中已经不再推荐使用传统的setup函数。如果你想在组件加载时执行某些操作，你可以选择在`created`、`mounted`或`onMounted`钩子中替换这个概念。

例如，在setup()函数中，你可以这样做：

import { onMounted } from 'vue';

export default {
  setup() {
    const doSomethingOnLoad = async () => {
      // 在这里放置你的初始化或异步请求逻辑
      await someAsyncFunction();
      console.log('Component has loaded');
    };

    onMounted(doSomethingOnLoad); // 当组件挂载到DOM时执行doSomethingOnLoad

    return {}; // 返回一个空的对象，这是setup函数的基本语法
  }
}

在这个例子中，`onMounted`会在组件初次渲染完成后并且DOM已经被添加到文档中时执行。如果需要在组件首次加载后执行，而不是等待DOM更新，这会是一个合适的时机。