onmounted中的参数在setup中使用

在Vue 3中，`onMounted` 是 Composition API 中的一个生命周期钩子，它在组件被挂载到DOM之后调用。`setup` 函数是组件的入口，它在组件实例被创建时执行，此时组件还没有被挂载。

要在 `setup` 中使用 `onMounted` 中的参数，你需要通过 `ref` 或者 `reactive` 来创建响应式引用，然后在 `onMounted` 钩子中使用这些引用，因为 `setup` 是在 `onMounted` 之前执行的，所以不能直接在 `setup` 中访问 `onMounted` 参数，但是可以将数据传递到 `onMounted` 钩子中。

下面是一个简单的例子来说明如何在 `setup` 中准备数据，并在 `onMounted` 中使用这些数据：

import { ref, onMounted } from 'vue';

export default {
  setup() {
    // 创建一个响应式的引用
    const mountedMessage = ref(null);

    // 使用 onMounted 钩子
    onMounted(() => {
      // 这里可以访问到 mountedMessage
      console.log(mountedMessage.value);
    });

    // setup 可以返回给模板或者给其他Composition API函数使用的值
    return {
      mountedMessage
    };
  }
};

在这个例子中，我们在 `setup` 函数中定义了一个 `ref` 类型的响应式引用 `mountedMessage`，然后在 `onMounted` 钩子中访问这个引用。最后，我们将 `mountedMessage` 返回，这样在模板中就可以直接使用它了。