vue3.2 setup中使用mounted

在 Vue 3.2 中，`setup()` 函数是用来替代 Vue 2.x 中的 `data`、`computed`、`methods` 等选项的。`setup()` 函数会在组件初始化时执行，并且会将返回值绑定到模板中。在 `setup()` 中，你可以使用 Vue 2.x 选项中的大部分内容，包括 `mounted` 钩子函数。

使用 `mounted` 钩子函数时，你只需要在 `setup()` 函数中返回一个对象，并在该对象中定义 `mounted` 函数即可。例如：

import { ref, onMounted } from 'vue';

export default {
  setup() {
    const count = ref(0);

    const incrementCount = () => {
      count.value++;
    };

    const mounted = () => {
      console.log('Component mounted!');
    };

    onMounted(mounted);

    return {
      count,
      incrementCount
    };
  }
}

在上面的例子中，我们使用 `ref` 函数创建了一个响应式的计数器变量 `count`，并定义了一个 `incrementCount` 函数用于递增计数器的值。同时，在 `setup()` 函数中，我们也定义了一个 `mounted` 函数，并在 `onMounted` 钩子函数中调用它。这样，在组件初始化完成后，`mounted` 函数会被执行，并在控制台中输出一条信息。