Vue-Setup-Skript kehrt vorzeitig zurück?

Question

Ist es möglich, in einem Vue-Setup-Skript zu einem frühen Zeitpunkt zurückzukehren?

<template>
  <div v-if="error || !data">Fallback-Inhalt...</div>
  <div v-else>Seiteninhalt...</div>
</template>

<script setup lang="ts">
// ...

const { Daten, Fehler } = Warten auf fetchApi()
// Frühe Rückkehr hier? Z. B. if (error || !data) return

// ...
// Viel Code, der im Fehlerfall nicht ausgeführt werden muss.
// Z. B. Berechnung von Variablen, die nur im Seiteninhalt verwendet werden.
// ...
</script>

Hinweis: Ich komme aus der React-Welt und bin ziemlich neu bei Vue.

Answer 1

你可以抛出一个错误：

const {data, error} = await fetchApi()
if(error || !data) throw new Error('your error message')

它阻止其余代码运行