你确定刚刚的是用组合式写的吗

非常抱歉，我的回答有误。在 Vue 3 的组合式 API 中，生命周期钩子的写法与 Vue 文件中的写法是一样的，只需要在组合函数中导入 `onMounted` 和 `onBeforeUnmount` 函数即可。以下是一个示例组合函数：

import { onMounted, onBeforeUnmount } from 'vue';

export default function useLifecycle() {
  onMounted(() => {
    console.log('mounted called');
  });

  onBeforeUnmount(() => {
    console.log('beforeUnmount called');
  });
}

在组件中使用这个组合函数也非常简单，只需要在组件中导入这个函数，然后在 `setup` 函数中调用它即可。以下是一个示例组件：

<template>
  <div>
    <p>{{ message }}</p>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue';
import useLifecycle from './useLifecycle';

export default defineComponent({
  setup() {
    useLifecycle();

    const message = 'Hello, World!';

    return {
      message,
    };
  },
});
</script>

<style scoped>
/* CSS goes here */
</style>

在上面的示例中，我们在 `setup` 函数中调用了 `useLifecycle` 函数，并且定义了一个 `message` 变量，然后将它放回组件模板中渲染。

非常抱歉给您带来了困惑。希望这个更正能对您有所帮助。