vue3.2setup语法糖中如何使用onmounted

在 Vue 3.2 的 `setup` 函数中，可以使用 `onMounted` 钩子函数来代替 Vue 2.x 中的 `mounted` 钩子函数。

使用 `onMounted` 的方法如下：

import { onMounted } from 'vue';

export default {
  setup() {
    onMounted(() => {
      // 在组件挂载后执行的代码
    });
  },
};

需要注意的是，`onMounted` 只能在 `setup` 函数中使用，而不能在其他地方使用，否则会导致编译错误。同时，`onMounted` 的返回值是一个函数，在组件卸载时会自动执行该函数，用于清理副作用。

例如：

import { onMounted } from 'vue';

export default {
  setup() {
    onMounted(() => {
      console.log('组件挂载了');
      return () => {
        console.log('组件卸载了');
      };
    });
  },
};

在组件挂载时，会打印出 `组件挂载了`，在组件卸载时，会打印出 `组件卸载了`。