如何在Quasar中使用组合API编写通用代码？

Question

Quasar 网站解释说，要编写通用代码，Vue 组件的

created

和

beforeCreate

生命周期挂钩中的代码在服务器端渲染（SSR）中执行。我的问题是：那

setup

呢？如何使用组合 API 实现 SSR 功能？如何在组合 API 中编写通用代码？如何使用组合 API 确定 SSR 中执行了哪些代码？

Answer 1

感谢@kissu 和@Estus Flask 的评论。

在SSR模式下使用Quasar：

quasar dev -m ssr

在具有组合 API 的 Vue 组件中：

<script setup>
import { onBeforeMount } from "vue";

defineOptions({
  preFetch: () => console.log("I am in SSR!"),
});

console.log("I am in both!");

onBeforeMount(() => console.log("I am in SPA!"));
</script>